最新下载
jQuery图片抖动滑块切换
五种切换效果的jQuery幻灯片
24小时阅读排行榜
- 1 Golang如何进行URL编码与解码_net url编码处理方法
- 2 如何查看当前运行sql_mysql执行状态查询
- 3 如何减少死锁发生_mysql并发场景优化
- 4 将上传的XML数据可视化 D3.js/ECharts的应用
- 5 javascript对象是什么以及如何操作?_深入javascript对象的属性【教程】
- 6 mysql中InnoDB的行级锁与共享锁、排他锁的区别
- 7 aop:config是什么 如何在Spring XML中配置切面
- 8 javascript中怎样操作dom元素【教程】
- 9 css 纵向布局与高度控制_如何使用 flexbox 实现纵向排列
- 10 Laravel中如何执行原生SQL查询_Laravel使用DB类运行SQL语句【教程】
- 11 如何在Golang中构建装饰器模式_Golang装饰器模式功能扩展技巧
- 12 Go 中 Goroutine 调度失效的典型原因与正确等待方式
- 13 如何通过复选框、单选按钮、文本域等表单元素动态显示指定 ID 的 DIV 元素
- 14 Pandas高效定位与偏移行选择:基于关键词及相对位置筛选数据
- 15 如何用 PHP 实现基于姓名关键词与出生年份的简单搜索功能
最新教程
-
- Node.js 教程
- 15934 2025-08-28
-
- CSS3 教程
- 1546050 2025-08-27
-
- Rust 教程
- 23120 2025-08-27
-
- Vue 教程
- 25592 2025-08-22
-
- PostgreSQL 教程
- 22101 2025-08-21
-
- Git 教程
- 9097 2025-08-21
这是一款可以拖动拖拽表格来翻页,十分方便,界面也很漂亮的鼠标拖动翻页js特效代码。
function id(obj){
return document.getElementById(obj);
}
var page;
var mx;
var md=false;
var sh=0;
var en=false;
window.onload=function(){
page=id("menu").getElementsByTagName("div");
if(page.length>0){
page[0].style.zIndex=2;
}
for(i=0;i<page.length;i++){
page[i].innerHTML+="<span class=\"tip\">"+(i+1)+"/"+page.length+"页 拖拽翻页</span>";
page[i].id="page"+i;
page[i].i=i;
page[i].onmousedown=function(e){
if(!en){
if(!e){e=e||window.event;}
ex=e.pageX?e.pageX:e.x;
mx=350-ex;
this.style.cursor="move";
md=true;
if(document.all){
this.setCapture();
}else{
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
}
}
