不说惹都是泪呀,直接描述上教程。
奇奇怪怪的需求 +1,向上滚动(非轮播,只滚动一遍)
注:不控制样式,样式请固定好
var moveScoll1=new moveScoll("选择器"); moveScoll1.timeout=60;//默认60,滚动速度 moveScoll1.start();//开启插件 moveScoll1.stop();//停止插件 moveScoll1.reset();//重置插件
实际场景
//事件列表向下移动 var __moveScoll=null; if(!__moveScoll){ __moveScoll=new moveScoll("#mdpchj-table"); __moveScoll.timeout=90; //速度太快调整这里 __moveScoll.start();//开始 // 鼠标移入时,清除定时器 $('.right-center-item .detail').on("mouseenter",function () { __moveScoll.stop();//停止 }); // 鼠标移出时,开启定时器 $('.right-center-item .detail').on("mouseleave",function () { __moveScoll.reset();//重置 }); }else{ __moveScoll.reset();//重置
}
这个也要那个依赖哦(不想写好几遍)
JavaScript 小工具前置 js
1.计时器
2.UUID
3.原地自闭包