JS+CSS实现的拖动分页效果实例

本文实例讲述了JS+CSS实现拖动分页效果的方法。分享给大家供大家参考。具体实现方法如下：

body{
border:0px;
margin:0px;
overflow:hidden;
background-color:transparent;
}
.page{
position:absolute;
width:700px;
border:1px solid #999;
background-color:#000;
left:425px;
margin-left:-350px;
cursor:default;
z-index:0;
}
ul{
height:320px;
list-style:none;
margin:40px 50px 0px;
padding:0px;
}
li{
width:100%;
height:30px;
line-height:30px;
font-size:14px;
text-align:left;
border-bottom:1px dashed #999;
}
a{
text-decoration:none;
color:#999;
}
a:hover{
font-weight:bold;
}
li span{
float:right;
color:#999;
}
.tip{
display:block;
width:100%;
font-size:12px;
color:#999;
text-align:center;
margin:10px 0px 20px;
}






2009-4-29 02:16东方之珠
2009-4-29 02:16啊！爱人
2009-4-29 02:16宁静温泉
2009-4-29 02:16你的样子
2009-4-29 02:16恋曲1980
2009-4-29 02:16恋曲1980
2009-4-29 02:16恋曲2000
2009-4-29 02:16亚细亚的孤儿
2009-4-29 02:16童年




2009-4-29 02:16弹唱词
2009-4-29 02:16飞车
2009-4-29 02:16东方之珠
2009-4-29 02:16滚滚红尘
2009-4-29 02:16光阴的故事
2009-4-29 02:16之乎者也
2009-4-29 02:16现象七十二变
2009-4-29 02:16乡愁四韵
2009-4-29 02:16穿过你的黑发我的手




2009-4-29 02:16大兵歌
2009-4-29 02:16黄色面孔
2009-4-29 02:16台北红玫瑰

希望本文所述对大家的javascript程序设计有所帮助。