js 拖拽翻页实现代码

(编辑：jimmy 日期: 2026/3/9 浏览：3 次 )

<html> <head> <title>blog</title> <meta http-equiv=content-type content="text/html; charset=gb2312"> <style> body{     border:0px;     margin:0px;     overflow:hidden;     background-color:transparent;     font-family:宋体; } .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; } </style> </head> <body onselectstart="return false;">       <ul>         <li>2009-4-9 12:35东方之珠</li>         <li>2009-4-9 12:35啊！停不住的爱人</li>         <li>2009-4-9 12:35宁静温泉</li>         <li>2009-4-9 12:35你的样子</li>         <li>2009-4-9 12:35恋曲1980</li>         <li>2009-4-9 12:35恋曲1990</li>         <li>2009-4-9 12:35恋曲2000</li>         <li>2009-4-9 12:35亚细亚的孤儿</li>         <li>2009-4-9 12:35伴侣</li>         <li>2009-4-9 12:35童年</li>     </ul>       <ul>         <li>2009-4-9 12:35爱的箴言</li>         <li>2009-4-9 12:35爱人同志</li>         <li>2009-4-9 12:35思念</li>         <li>2009-4-9 12:35母亲</li>         <li>2009-4-9 12:35是否</li>         <li>2009-4-9 12:35牧童</li>         <li>2009-4-9 12:35青春舞曲</li>         <li>2009-4-9 12:35蒲公英</li>         <li>2009-4-9 12:35未来的主人翁</li>         <li>2009-4-9 12:35如今才是唯一</li>     </ul>       <ul>         <li>2009-4-9 12:35暗恋</li>         <li>2009-4-9 12:35弹唱词</li>         <li>2009-4-9 12:35飞车</li>         <li>2009-4-9 12:35东方之珠</li>         <li>2009-4-9 12:35滚滚红尘</li>         <li>2009-4-9 12:35光阴的故事</li>         <li>2009-4-9 12:35之乎者也</li>         <li>2009-4-9 12:35现象七十二变</li>         <li>2009-4-9 12:35乡愁四韵</li>         <li>2009-4-9 12:35穿过你的黑发我的手</li>     </ul>       <ul>         <li>2009-4-9 12:35大兵歌</li>         <li>2009-4-9 12:35歌</li>         <li>2009-4-9 12:35黄色面孔</li>         <li>2009-4-9 12:35台北红玫瑰</li>         <li>2009-4-9 12:35我所不能了解的事</li>     </ul>  </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：百度 popup.js 完美修正版非常的不错脚本之家推荐
下一篇：jquery 实现的全选和反选