一个滑动门，简单 很好修改的[2007-10-22]
[html]<style type="text/css">
*,html,body{margin:0; padding:0;border:0;}
body{font:Arial,Verdana,Helvitica,sans-serif; color:#000; background:#fff; font-size:12px;}
.center{
margin:0 0 0 15px;
width:400px;
height:300px;
background:#F5F5F5;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.center ul{ list-style-type:none;}
.center ul li{ float:left; padding:2px;}
.menu{
margin:15px 0 0 15px;
width:400px;
height:30px;
background:#fff;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.menu ul{ list-style-type:none;}
.menu ul li{ margin:1px 0 1px 1px;float:left; height:28px; width:78px; text-align:center; padding-top:7px;}
.menu_title{background:#ccc;}
.menu_title_on{background:#eee;}
.menu_title_on a{color:red;}
a{text-decoration:none;color:#333;}
a:active{text-decoration: none;color: #99CC00;}
</style>
<SCRIPT language=JavaScript>
var tID=0;
function ShowTabs(ID){
if(ID!=tID){
TabTitle[tID].className="menu_title";
TabTitle[ID].className="menu_title_on";
Tabs[tID].style.display="none";
Tabs[ID].style.display="";
tID=ID;
}
}
</SCRIPT>
<div class="menu">
<ul>
<li class="menu_title_on" id="TabTitle" onmouseover="ShowTabs(0)"><a href="#">第一</a></li>
<li class="menu_title" id="TabTitle" onmouseover="ShowTabs(1)"><a href="#">第二</a></li>
<li class="menu_title" id="TabTitle" onmouseover="ShowTabs(2)"><a href="#">第三</a></li>
<li class="menu_title" id="TabTitle" onmouseover="ShowTabs(3)"><a href="#">第四</a></li>
<li class="menu_title" id="TabTitle" onmouseover="ShowTabs(4)"><a href="#">第五</a></li>
</ul>
</div>
<div class="center">
<ul id="Tabs" style="display:">
<li><a href="http://www.w16888.com" target="_blank">飘零在线</a></li>
</ul>
<ul id="Tabs" style="display: none;">
<li>本站地址为： <a href=http://www.51pj.com// target="_blank">http://www.51pj.com//</a></li>
</ul>
<ul id="Tabs" style="display: none;">
<li><a href="http://www.51pj.com//" target="_blank">论坛欢迎您！</a></li>
</ul>
<ul id="Tabs" style="display: none;">
<li><a href="http://www.51pj.com//" target="_blank">美图</a></li>
</ul>
<ul id="Tabs" style="display: none;">
<li> <a href="http://www.51pj.com/" target="_blank">有什么不懂的请留言！</a></li>
</ul>
</div>
[/html]
[[i] 本帖最后由 wumingxiaozu 于 2008-7-24 18:29 编辑 [/i]] 偶学习的对像★：魔女在世、希★望 看完楼主的这个帖子之后，我竟产生出一种无以名之的悲痛感——啊，这么好的帖子，如果将来我再也看不到了，那我该怎么办？那我该怎么办？直到我毫不犹豫地把楼主的这个帖子收藏了，我内心的那种激动才逐渐平静下来。 在看完这帖子以后，我没有立即回复，因为我生怕我庸俗不堪的回复会玷污了这网上少有的帖子 看了一遍原文，不懂；又看了一遍原文，还是不懂。再看了一遍原文，实在不懂。最后看了一遍回帖，懂了我为什么不懂……于是我懂了，人有时候要学会放弃。 女人啊真是那句话~~~无理占三分~~忘记怎么说了 呵呵 ~~你帮我想想 看了一遍原文，不懂；又看了一遍原文，还是不懂。再看了一遍原文，实在不懂。最后看了一遍回帖，懂了我为什么不懂……于是我懂了，人有时候要学会放弃。 老大,我好崇拜你哟
顶你个肺
哈哈!路过,帮顶~~~~~-------------------------------------------------------------------------------------------------------------------------------------
[size=2][color=silver]个性签名:[/color][/size][url=http://blog.sina.com.cn/dghgm][color=silver]寻仙外挂[/color][/url][size=2][color=silver].[/color][/size][url=http://blog.sina.com.cn/jxsjwgxz][size=2][color=silver]剑侠世界免费外挂[/color][/size][/url][size=2][color=silver].[/color][/size][url=http://www.wzxinji.com.cn][size=2][color=silver]剑侠世界外挂[/color][/size][/url][size=2][color=silver].[/color][/size][url=http://www.wlkji.cn][size=2][color=silver]传奇外传外挂[/color][/size][/url][size=2][color=silver].[/color][/size][url=http://www.hrxjewel.com.cn][size=2][color=silver]热血江湖外挂[/color][/size][/url][size=2][color=silver]![/color][/size]
是用来顶的
贴是用来顶的
希望你多发表更多的文章
更多的贴
上面的楼主不要忘了小弟
我会一直支持你
就像你可能会支持我一样。
谢谢谢
靠他糊口的唯一路径：哎
[url=http://www.shbjgongsi.cn]上海大众搬家公司[/url]
[url=http://www.shbjgongsi.cn]上海大众搬场公司[/url] 好好支持支持。。。。 进来学习下 滑动门代码 路过
页:
[1]