菜单

同一页面多次调用的依据Jquery的文字滚动跑马灯插件

2019年8月17日 - JavaScript

<html>
<body>
<ul id=”runtopic”>
<li>文字1</li>
<li>文字2</li>
<li>文字3</li>
<li>文字4</li>
<li>文字5</li>
</ul>
</body>
<script type=”text/网页特效”>
$(document.body).ready(function(){
$(“#runtopic”).rolltitle({line:1,speed:200,timespan:1500});
});
</script>
</html>

合作各浏览器的文本行高

同一页面数次调用的根据Jquery的文字滚动跑马灯插件

复制代码 代码如下:

调用方法:
line:叁次卷动的文书行数
speed:卷动动画的时刻
timespan:间隔时间

复制代码 代码如下:

http://www.bkjia.com/jQuery/449337.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/449337.htmlTechArticle同一页面多次调用的基于Jquery的文字滚动跑马灯插件
调用艺术: line:二遍卷动的公文行数 speed:卷动动画的时刻
timespan:间隔时间 html body ul…

<html>
<body>
<ul id=”RunTopic”>
<li>文字1</li>
<li>文字2</li>
<li>文字3</li>
<li>文字4</li>
<li>文字5</li>
</ul>
</body>
<script type=”text/javascript”>
$(document.body).ready(function(){
$(“#RunTopic”).RollTitle({line:1,speed:200,timespan:1500});
});
</script>
</html>

jquery代码

http://www.bkjia.com/Javascript/323183.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/323183.htmlTechArticle兼容各浏览器的文本行高 复制代码 代码如下:
(function($){ $.fn.extend({ RollTitle: function(opt,callback){ if(!opt)
var opt={}; var _this = this; _this.timer = null…

(function($){
$.fn.extend({
rolltitle: function(opt,callback){
if(!opt) var opt={};
var _this = this;
_this.timer = null;
_this.lineh = _this.find(“li:first”).height();
_this.line=opt.line?parseint(opt.line,15):parseint(_this.height()/_this.lineh,10);
_this.speed=opt.speed?parseint(opt.speed,10):三千,
//卷动速度,数值越大,速度越慢(阿秒
_this.timespan=opt.timespan?parseint(opt.timespan,13):6000;
//滚动的年华间隔(皮秒
if(_this.line==0) this.line=1;
_this.upheight=0-_this.line*_this.lineh;
_this.scrollup=function(){
_this.animate({
margintop:_this.upheight
},_this.speed,function(){
for(i=1;i<=_this.line;i++){
_this.find(“li:first”).appendto(_this);
}
_this.css教程({margintop:0});
});
}
_this.hover(function(){
clearinterval(_this.timer);
},function(){
_this.timer=setinterval(function(){_this.scrollup();},_this.timespan);
}).mouseo教程ut();
}
})
})(jquery);

调用方法:
line:二回卷动的文件行数
speed:卷动动画的时日
timespan:间隔时间

(function($){
$.fn.extend({
RollTitle: function(opt,callback){
if(!opt) var opt={};
var _this = this;
_this.timer = null;
_this.lineH = _this.find(“li:first”).height();
_this.line=opt.line?parseInt(opt.line,15):parseInt(_this.height()/_this.lineH,10);
_this.speed=opt.speed?parseInt(opt.speed,10):2000,
//卷动速度,数值越大,速度越慢(飞秒
_this.timespan=opt.timespan?parseInt(opt.timespan,13):5000;
//滚动的时刻距离(纳秒
if(_this.line==0) this.line=1;
_this.upHeight=0-_this.line*_this.lineH;
_this.scrollUp=function(){
_this.animate({
marginTop:_this.upHeight
},_this.speed,function(){
for(i=1;i<=_this.line;i++){
_this.find(“li:first”).appendTo(_this);
}
_this.css({marginTop:0});
});
}
_this.hover(function(){
clearInterval(_this.timer);
},function(){
_this.timer=setInterval(function(){_this.scrollUp();},_this.timespan);
}).mouseout();
}
})
})(jQuery);

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图