中间左侧广告位
以前发过一个标签切换的东东。
链接:http://www.fblog.net.cn/readblog.asp?blogid=4&id=209
演示:http://www.fblog.net.cn/codeshow/
tab/
这个用了一大段的JS,而且在DIV的写法上也是非常的麻烦,稍不注意就出错了。
现在用JQUERY来实现这个功能主简单多了
演示:http://www.fblog.net.cn/codeshow/jquerytab/
代码: $(document).ready(function(){ $(".menuli>a").click(function(){ $(".menuli>a").attr("class""li
nk2"); $(this).attr("class""link1"); $(".tabContent>ul").css("display""none"); $("#"+$(this).attr("rel")).css("display""block"); }) }) .blog{width:300px;height:100px;border:1px solid #555;} .blog h3{font-size:12px;margin:0px;padding:0px;font-weight:100;background-color:#555;} .blog h3 ul{list-style:none;margin:0px;padding:0px;height:20px;margin-left:5px;} .blog h3 ul li{float:left;height:20px;line-height:20px;} .blog h3 ul li a{display:block;text-decoration:none;padding-left:5px;padding-right:5px;} .link1:link.link1:visited{background-color:#fff;color:#666;} .link2:link.link2:visited{color:#fff;}
[Ctrl+A 全部选择]