JavaScript 拖拽翻页效果代码
2018-10-12 14:04
781 查看
[code=html]
拖拽翻页效果JavaScript特效-demo by https://www.jb51.net/article/https:https:/www.jb51.net/https://www.jb51.net/article/https:https:/www.jb51.net/www.jb51.net
html,body{
width:100%;
height:100%;
border:0px;
margin:0px;
overflow:hidden;
}
#menu{
width:1000px;
height:500px;
overflow:hidden;
background:lightblue;
}
.page{
position:absolute;
width:300px;
height:400px;
left:350px;
top:50px;
background:#FFF;
border:1px solid #999;
}
ul{
list-style:none;
height:320px;
margin:20px;
padding:0px;
background:#EEE;
}
li{
font-size:12px;
height:20px;
line-height:20px;
border-bottom:1px dashed #999;
}
li span{
float:right;
}
li a{
color:#000;
text-decoration:none;
}
li a:hover{
text-decoration:underline;
}
.tip{
display:block;
height:20px;
margin:0px 20px;
line-height:20px;
text-align:center;
font-size:12px;
background:#999;
}
[ul]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]RSA文件加密原理及代码实现[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/https://www.jb51.net/article/https:https:/www.jb51.net/www.jb51.net]C#软件后门程序代码[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]项目管理软件PHP版[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]手牵手[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]初恋的少年家[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[https://www.jb51.net/article/https:https:/www.jb51.net/ul]
[ul]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]啊!停不住的爱人[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]搜索引擎整合搜索系统[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]倾城之雨[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]往事2000[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]绿色恐怖分子[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[https://www.jb51.net/article/https:https:/www.jb51.net/ul]
[ul]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]时光在慢慢消失[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]宁静温泉[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]变天着花[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]阿辉饲了一只狗[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]真的假的[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[li]09-11-25[url=https://www.jb51.net/article/https:https:/www.jb51.net/]南台湾仔共[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li]
[https://www.jb51.net/article/https:https:/www.jb51.net/ul]
[https://www.jb51.net/article/https:https:/www.jb51.net/code]
[h4]您可能感兴趣的文章:[https://www.jb51.net/article/https:https:/www.jb51.net/h4][ul][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/89349.htm]移动端翻页插件dropload.js(支持Zepto和jQuery)[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/72029.htm]js带前后翻页的图片切换效果代码分享[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/71221.htm]js+css实现上下翻页相册代码分享[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/56896.htm]Js实现网页键盘控制翻页的方法[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/44492.htm]jsp 使用jstl实现翻页实例代码[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/41906.htm]Javascript表格翻页效果的具体实现[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/40833.htm]Javascript表格翻页效果实现思路及代码[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/31718.htm]js实现翻页后保持checkbox选中状态的实现方法[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][li][url=https://www.jb51.net/article/https:https:/www.jb51.net/articlehttps://www.jb51.net/article/https:https:/www.jb51.net/117321.htm]CSS3+JavaScript实现翻页幻灯片效果[https://www.jb51.net/article/https:https:/www.jb51.net/url][https://www.jb51.net/article/https:https:/www.jb51.net/li][https://www.jb51.net/article/https:https:/www.jb51.net/ul]
相关文章推荐
- JavaScript 拖拽翻页效果代码
- 超酷的鼠标拖拽翻页(分页)效果实现javascript代码
- 超酷Javascript拖拽翻页效果,贴出核心代码(附DEMO)
- javaScript+turn.js实现图书翻页效果实例代码
- Javascript表格翻页效果实现思路及代码
- JS实现的3D拖拽翻页效果代码
- Javascript表格翻页效果实现思路及代码
- javascript支持firefox,ie7页面布局拖拽效果代码
- JS实现的3D拖拽翻页效果代码
- javascript支持firefox,ie7页面布局拖拽效果代码
- Javascript表格翻页效果实现思路及代码
- 拖拽翻页效果代码
- JavaScript:Div层拖动效果实例代码
- Android阅读器翻页效果附加代码【转载】
- javascript 图片轮换显示效果代码
- javascript渐变显示的雅虎中国选项卡效果代码
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- 一个不错的,JavaScript代码,显示首页图片幻灯片效果
- javascript返回顶部效果(自写代码)