快捷導(dǎo)航

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

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

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

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

您可能感興趣的文章:

鼠標(biāo)拖拽翻頁

相關(guān)文章

JAVASCRIPT 點(diǎn)擊顯示隱藏層
用js實(shí)現(xiàn)的點(diǎn)擊顯示與隱藏層的代碼。主要是用于一些tab切換類
2009-06-06
JavaScript CSS 菜單功能代碼
CSS 菜單功能,多瀏覽器兼容性好
2008-12-12
javascript仿126郵箱TAB切換效果
仿126中的綠色tab切換效果，比較漂亮
2008-09-09
鼠標(biāo)滑過放大顯示效果的列表
非常不錯的當(dāng)鼠標(biāo)放上去以后，類別將會出現(xiàn)放大的一些文字和圖片，適合一些tips消息框效果
2008-12-12
DIV+CSS設(shè)計(jì)的橫向?qū)Ш讲藛?，可自己修改顏色?
2010-07-07