JS+CSS简单切换浏览功能
glwzu原创
在一些大型BBS上，可以看到有最新文章、最新评论、精品文章的切换浏览，这个能有效减少一个网页所占的空间，又使得文章整洁美观。
本想在自己的网页上写一个，不过现在网页已经定型，又怕麻烦。所以呢，只看看效果吧！有个郁闷的就是在firefox下效果不能实现。大家还是用IE查看效果吧。
具体代码查看源文件可见，下面给出CSS样式：
body {
FONT-FAMILY: ‘Lucida Grande’,'Lucida Sans Unicode’,'宋体’,'新宋体’,arial,verdana,sans-serif;
text-align: center;
}
TD {FONT-SIZE: 12px; COLOR: #333;}
.solid-bottom {BORDER-BOTTOM: #dddddd 1px solid}
.sec1 {
background-color: #F4F4F4;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
.sec2 {
background-color: #EAEAEA;
cursor: hand;
color: #58A200;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
只要把代码放在名字为css.css的文件里，再放入名字为css的文件夹中，查看效果的代码以HTM为后缀，在与css文件夹同一目录下打开即可。注意不是放在CSS文件夹里，而是在CSS文件夹外的同一目录下，例如把HTM文件与CSS文件夹放在桌面上即可打开查看。
或者可以去网站下载页面，下载index01.zip文件。
您可能会喜欢:
Filed under 原创javascript, 网站相关. Tags: JavaScript
正解~
[回复]
晕乎~~~这套表情很可爱哈 :lol:
[回复]
@球球
要的话送你一套。
[回复]
还不错，顶了 8)
[回复]
好像gg的浏览器也无效
[回复]