免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1944 | 回复: 3
打印 上一主题 下一主题

[特效] 文字说明的效果如何实现? [复制链接]

论坛徽章:
7
寅虎
日期:2014-08-15 12:54:11狮子座
日期:2014-10-28 23:42:142015年辞旧岁徽章
日期:2015-03-03 16:54:152015年迎新春徽章
日期:2015-03-04 09:48:00IT运维版块每日发帖之星
日期:2015-08-04 06:20:00IT运维版块每日发帖之星
日期:2015-08-06 06:20:00IT运维版块每日发帖之星
日期:2015-10-10 06:20:00
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2005-12-09 14:00 |只看该作者 |倒序浏览
提示: 作者被禁止或删除 内容自动屏蔽

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
2 [报告]
发表于 2005-12-09 17:43 |只看该作者
换行使用div层来实现的哦.

当鼠标移动上去(onmouseover)层就显示,移出(onmouseout)层就不显示

论坛徽章:
7
寅虎
日期:2014-08-15 12:54:11狮子座
日期:2014-10-28 23:42:142015年辞旧岁徽章
日期:2015-03-03 16:54:152015年迎新春徽章
日期:2015-03-04 09:48:00IT运维版块每日发帖之星
日期:2015-08-04 06:20:00IT运维版块每日发帖之星
日期:2015-08-06 06:20:00IT运维版块每日发帖之星
日期:2015-10-10 06:20:00
3 [报告]
发表于 2005-12-09 17:59 |只看该作者
提示: 作者被禁止或删除 内容自动屏蔽

论坛徽章:
1
技术图书徽章
日期:2013-12-05 23:25:45
4 [报告]
发表于 2005-12-09 21:17 |只看该作者

  1. <html>
  2. <body>
  3. <script language="JavaScript" type="text/JavaScript">
  4. <!--
  5. function MM_findObj(n, d) { //v4.01
  6.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  7.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  8.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  9.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  10.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  11. }

  12. function MM_showHideLayers() { //v6.0
  13.   var i,p,v,obj,args=MM_showHideLayers.arguments;
  14.   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
  15.     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  16.     obj.visibility=v; }
  17. }
  18. //-->
  19. </script>
  20. <a href="#" onMouseOver="MM_showHideLayers('whyit','','show')" onMouseOut="MM_showHideLayers('whyit','','hide')">演示</a>
  21. <div id="whyit" name="whyit" style="position:absolute; left:571px; top:189px; width:158px; height:71px; z-index:1; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000; visibility: hidden; border:inherit">演示层文本</div>
  22. </body>
  23. </html>
复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP