yahoo 页面的标签效果

yahoo 标签 .tag_box { width:400px; height:126px; border:1px solid #B0BEC7; font:12px Arial, Helvetica, sans-serif; margin:50px; overflow:hidden} .tag_box ul.menulist { width:402px; height:20px; overflow:hidden; margin:0} .tag_box ul.menulist li { float:left; width:80px; text-align:center; height:19px; line-height:19px; background:url(tag_bg1.gif) repeat-x; position:relative; list-style-type:none} .tag_box ul.menulist li a { color:#18397C; text-decoration:none; display:block; width:80px; background:url(tag_pipe.gif) no-repeat right 1px; border-bottom:1px solid #93A6B4;} .tag_box ul.menulist li a:hover { text-decoration:underline;} .tag_box ul.menulist li a.curMenu { background:url(tag_bg2.gif) repeat-x; border:1px solid #91A7B4; border-bottom:none; width:81px; position:absolute; color:#c63; font-weight:bold; left:-1px;top:-1px; height:21px; z-index:100} .tag_box a.nonebg{ background:none;} .tag_content { padding:6px; clear:both} .tag_content img.bigConImg {border:1px solid #788a98; display:block; float:left} .tag_content h5 {padding:2px 0px; margin:3px 6px; float:left; text-align:center; width:250px; background-color:#f7f7f7} .tag_content a {text-decoration:none; color:#16387c} .tag_content a:hover {text-decoration:underline;} .tag_content p { margin:0; padding:2px 6px; float:left; line-height:18px} .tag_content ul { margin:0px 3px 0px 3px; padding:0; float:left;} .tag_content li { margin-left:20px; margin-bottom:3px} Home Software Product AboutUs ContactUs Supercars for the super-richHome For those who can drop six figures on a car, there's a fresh crop of shiny new 2007 models. » More Time and again Software Negroponte says U.S. not at higher risk U.S. to relax ban of liquids on planes U.S. pursues closer ties with Kazakhstan Saints' storybook return Product In front of a sellout Superdome crowd, New Orleans rides the emotional wave to victory over Atlanta. » More Fall foliage alternatives AboutUs Dieting with a partner can be motivating, but presents unexpected challenges as well. » More 10 ways to earn more pay ContactUs Why settle for your current salary and benefits when you can negotiate for more? » More 修改：每隔一段时间自动循环切换Tag (修改于 2006-10-10) Writen By 快乐笛子 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]取消自动自动循环最简单的方法。请将 <BODY onload=init()> 改成 <BODY> 就行了，如果觉得不爽，再把 function init(){ var menulist = document.getElementById("menulist"); setInterval('fivetag(menulist.getElementsByTagName("li")[currentTag-1].getElementsByTagName("a")[0],currentTag)',1000); }这几行也干掉就行了。当然你要看清那几个链接别搞错了！

　　推荐阅读

　　动态加载js的几种方法

1.直接document.write <script language=javascript> document.write(<script src='test.js'></script>); </script> 2.动态改变已有script的src属性 <script src='' id=s1></script> <script language=javascript>>>详细阅读

本文标题：yahoo 页面的标签效果

地址：http://www.17bianji.com/kaifa2/JS/31417.html

1/2 1