先发html代码：
滑动门
- 又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后
- l，您将找到许多可以在线编辑并测试的
jQuery
- 之后又一个优秀的Javascript框架，其宗旨
- 列文章最后一篇，希望这些实用的插件
- js特效代码大全，JS广告代码，导航
- js特效代码大全，JS广告代码，导航
- 主题547605个，贴子39022682篇，仙后12841缩后
- 版街舞
达人秀惊现软骨哥独创软版街舞转贴到土
- 淋漓尽致的一位选手，他独创的
- 舞曲,最好听的dj音乐,免费dj舞曲下载,我们一直至力
- js特效代码大全，JS广告代码，导航
- 《布鲁塞尔大广场》，选自《世界名街》长春人名导航
室柜
家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具家具
龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头龙头
浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室浴室柜
然后建立一个在style文件夹里建立css.css文件
body{
font-size:12px;}
.menu
{width:400px; height:30px;border-bottom:#999 solid 1px;}
.menu ul{ padding:0;
margin:0;}
.menu ul li{
display:block; height:29px; width:80px; float:left; line-height:28px;
text-align:center; list-style:none;border:#999 solid 1px;
border-bottom:none;}
.info{width:398px; border-left:#999
solid 1px; border-right:#999 solid 1px; height:280px;border-bottom:#999 solid
1px;}
.info ul{
padding:0 ; margin:0; list-style:none;}
.hide{ display:none;}
.selected,.hover{
background-color:#CCC;}
样式不符合者可以自行修改css文件。
文章题目：自己写的一个简单但好用的滑动门jquery
网址分享：
http://cdkjz.cn/article/gsjcos.html
