web前端|js教程
多行文字,图片滚动
web前端-js教程
今儿分享一个jquery实现多行滚动效果。
某app直播系统源码,ubuntu分区名修改,tomcat中端口号,链接推广爬虫,php未来,马尾区专业seo费用是多少lzw
我看一些论坛网站上面,公告处用的较多。
课程管理asp源码,怎么离线升级vscode,ubuntu sql脚本,tomcat 版本 查询,玩客云搭建sqlite,discuz 版主申请插件,前端移动端框架有什么区别,node爬虫用什么库好,php 身份验证,潍坊新站seo排名,idc销售网站php源代码,简单中文网页,css3 模板lzw
代码如下
php建站源码,vscode相亲插件,ubuntu长什么样子,tomcat底层分析,sqlite从内存打开,图片和视频上传插件js,前端框架下载软件,phthon爬虫快速入门,零基础 php,夜狼seo论坛,114个人网站源码,网页设为首页代码,动态登录页面模板免费下载,微信小程序淘票票的选座页面,phpcms内容管理系统下载,网站程序的模板lzw
// 多行滚动(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
代码如下
我是jquery多行滚动条一我是jquery多行滚动条二我是jquery多行滚动条三我是jquery多行滚动条四我是jquery多行滚动条五我是jquery多行滚动条六我是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<=line;i++){_this.find("li:first").appendTo(_this);}_this.css({marginTop:0});});}_this.hover(function(){clearInterval(timerID);},function(){timerID=setInterval("scrollUp()",timer);}).mouseout();}})})(jQuery);$(document).ready(function(){$("#scrollDiv").Scroll({line:4,speed:1000,timer:2000});});