博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery实现多行滚动效果
阅读量:5950 次
发布时间:2019-06-19

本文共 756 字,大约阅读时间需要 2 分钟。

hot3.png

有时jquery博客想,整那么多demo有什么用呢?
有些前端新手朋友不会,为他们服务吧。还有喜欢自己留点字迹,也好方便自己回过头看看。
温故而知新嘛。
前端需要那么多js特效,当然jquery博客水平有限,只能分享一些基本常见的。高手们勿拍砖哦。
今儿分享一个jquery实现多行滚动效果。
我看一些论坛网站上面,公告处用的较多。
// 多行滚动
(function($){
$.fn.extend({
Scroll:function(opt,callback){
if(!opt) var opt={};
var _this=this.eq(0).find("ul:first");
var        lineH=_this.find("li:first").height(), 
line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), 
speed=opt.speed?parseInt(opt.speed,10):1000, //卷动速度,数值越大,速度越慢(毫秒)
timer=opt.timer?parseInt(opt.timer,10):5000; //滚动的时间间隔(毫秒)
if(line==0) line=1;
var upHeight=0-line*lineH;
scrollUp=function(){
_this.animate({
marginTop:upHeight
},speed,function(){
for(i=1;i
在线效果DEMO
转自 http://www.jqueryba.com/415.html

转载于:https://my.oschina.net/jqueryba/blog/88580

你可能感兴趣的文章
IntelliJ Idea 常用快捷键列表
查看>>
『转载』看c#打印的各种技术
查看>>
请确保此代码文件中定义的类与“inherits”属性匹配.并且该类扩展的基类(例如 Page 或 UserControl)是正确...
查看>>
<JS:The Definitive Guide > JavaScript 和 XML
查看>>
我的联想C467鲁大师检查配置
查看>>
Struts,Hibernate,Spring经典面试题收藏(转)
查看>>
我的博客目录
查看>>
Script:脚本获得用户User DDL包括system、object grant
查看>>
Sell yourself 1
查看>>
Rails 添加新的运行环境
查看>>
递归排序
查看>>
设置,获取和删除Cookies
查看>>
Extjs随笔
查看>>
用刹那问候浮生
查看>>
.NET:CLR via C# Shared Assemblies and Strongly Named Assemblies
查看>>
有图有真相——关于“视频专辑:零基础学习C语言 ”
查看>>
IOS设计模式第二篇之单例设计模式
查看>>
CSipSimple 工程分析 <1>
查看>>
[问题2014S07] 解答
查看>>
hive-jdbc/odbc的解读和看法
查看>>