JavaScript 拖拽翻页效果代码

</p> <p><title>拖拽翻页效果JavaScript特效-demo by //www.jb51.net</title> </p> <p>html,body{<br /> width:100%;<br /> height:100%;<br /> border:0px;<br /> margin:0px;<br /> overflow:hidden;<br /> }<br /> #menu{<br /> width:1000px;<br /> height:500px;<br /> overflow:hidden;<br /> background:lightblue;<br /> }<br /> .page{<br /> position:absolute;<br /> width:300px;<br /> height:400px;<br /> left:350px;<br /> top:50px;<br /> background:#FFF;<br /> border:1px solid #999;<br /> }<br /> ul{<br /> list-style:none;<br /> height:320px;<br /> margin:20px;<br /> padding:0px;<br /> background:#EEE;<br /> }<br /> li{ </p> <p> font-size:12px;<br /> height:20px;<br /> line-height:20px;<br /> border-bottom:1px dashed #999;<br /> }<br /> li span{<br /> float:right;<br /> }<br /> li a{<br /> color:#000;<br /> text-decoration:none;<br /> }<br /> li a:hover{<br /> text-decoration:underline;<br /> }<br /> .tip{<br /> display:block;<br /> height:20px;<br /> margin:0px 20px;<br /> line-height:20px;<br /> text-align:center;<br /> font-size:12px;<br /> background:#999;<br /> } </p> <ul> <li><span>09-11-25</span>RSA文件加密原理及代码实现</li> <li><span>09-11-25</span>C#软件后门程序代码</li> <li style="background:coral"><span>09-11-25</span>项目管理软件PHP版</li> <li><span>09-11-25</span>手牵手</li> <li><span>09-11-25</span>初恋的少年家</li> </ul> <ul> <li><span>09-11-25</span>啊！停不住的爱人</li> <li><span>09-11-25</span>搜索引擎整合搜索系统</li> <li><span>09-11-25</span>倾城之雨</li> <li><span>09-11-25</span>往事2000</li> <li><span>09-11-25</span>绿色恐怖分子</li> </ul> <ul> <li><span>09-11-25</span>时光在慢慢消失</li> <li><span>09-11-25</span>宁静温泉</li> <li><span>09-11-25</span>变天着花</li> <li><span>09-11-25</span>阿辉饲了一只狗</li> <li><span>09-11-25</span>真的假的</li> <li><span>09-11-25</span>南台湾仔共</li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 移动端翻页插件dropload.js（支持Zepto和jQuery）
• js带前后翻页的图片切换效果代码分享
• js+css实现上下翻页相册代码分享
• Js实现网页键盘控制翻页的方法
• jsp 使用jstl实现翻页实例代码
• Javascript表格翻页效果的具体实现
• Javascript表格翻页效果实现思路及代码
• js实现翻页后保持checkbox选中状态的实现方法
• CSS3+JavaScript实现翻页幻灯片效果