快捷導(dǎo)航

js 拖拽翻頁實現(xiàn)代碼

更新時間：2009年04月15日 22:38:02 作者：

js 拖拽翻頁

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

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

您可能感興趣的文章: