javascript实现炫酷的拖动分页

javascript实现炫酷的拖动分页

js

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;
}

html:

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台北红玫瑰

以上所述就是本文的全部内容了，希望大家能够喜欢。