郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 网页特效 >

无缝文字滚动代码,上下滚动带停顿(兼容IE和FF)

来源:博彩评级 作者: 博彩评级 日期:2010-06-21 人气:
这段JS代码,实现无缝文字滚动代码,上下滚动和带停顿,兼容IE系列和火狐。同时可改造成图片滚动代码,或者是滚动字幕代码。

本文地址:http://www.qqydc.com/js/texiao/js_gundong.html
文章摘要:无缝文字滚动代码,上下滚动带停顿(兼容IE和FF),李昕面粉厂帖数,中财网回家北外滩。

这段JS代码,实现了无缝文字滚动代码,滚动效果为上下滚动和带停顿,兼容IE系列和火狐浏览器。同时稍作修改即可改造成图片滚动代码,或者是滚动字幕代码。
JS代码 片段
//设置默认属性
SetOptions: function(options) {
this.options = {//默认值
Step: 1,//每次变化的px量
Speed: 20,//速度(越大越慢)
Side: ["up"],//滚动方向:"up"是上,"down"是下,"left"是左,"right"是右
PauseHeight: 0,//隔多高停一次
PauseWidth: 0,//隔多宽停一次
//当上下和左右一起使用时必须设置PauseHeight和PauseWidth来设置转向位置
PauseStep: 3000//停顿时间(PauseHeight或PauseWidth大于0该参数才有效)
};
Object.extend(this.options, options || {});
},
//转向
Turn: function() {
//通过设置方向数组的排列来转向
this.Side.push(this.Side.shift().toLowerCase());
},
//上下滚动代码
ScrollUpDown: function() {
this.pause = this.pauseHeight;
this.scroller.scrollTop = this.GetScroll(this.scroller.scrollTop, this.heightScroller, this.heightList,
this.options.PauseHeight);
this.pauseHeight = this.pause;
var oThis = this;
this.timer = window.setTimeout(function(){ oThis.Start(); }, this.speed);
},
//左右滚动代码

本文链接:无缝文字滚动代码,上下滚动带停顿(兼容IE和FF)http://www.qqydc.com/js/texiao/js_gundong.html

(责任编辑:博彩评级)

无缝文字滚动代码,上下滚动带停顿(兼容IE和FF)由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。