快捷導航

超酷的鼠標拖拽翻頁(分頁)效果實現(xiàn)javascript代碼

更新時間：2009年09月11日 23:22:51 作者：

超酷的鼠標拖拽翻頁(分頁)效果實現(xiàn)javascript代碼,非常的不錯。

<html> <head> <title>拖動分頁</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;"> <div> <ul> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">http://www.dbjr.com.cn</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">啊！停不住的愛人</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">寧靜溫泉</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">你的樣子</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">戀曲1980</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">戀曲1990</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">戀曲2000</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">亞細亞的孤兒</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">伴侶</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">童年</a></li> </ul> </div> <div> <ul> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">腳本之家</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">愛人同志</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">思念</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">母親</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">是否</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">牧童</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">青春舞曲</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">蒲公英</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">未來的主人翁</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">如今才是唯一</a></li> </ul> </div> <div> <ul> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">jb51.net</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">彈唱詞</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">飛車</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">東方之珠</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">滾滾紅塵</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">光陰的故事</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">之乎者也</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">現(xiàn)象七十二變</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">鄉(xiāng)愁四韻</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">穿過你的黑發(fā)我的手</a></li> </ul> </div> <div> <ul> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">歡迎訪問http://www.dbjr.com.cn</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">歌</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">黃色面孔</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">臺北紅玫瑰</a></li> <li>2009-4-9 12:35<a href="http://www.dbjr.com.cn">我所不能了解的事</a></li> </ul> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: