滚动文字代码,JS代码库,德仔网

代码语言

代码分类

【JS】滚动文字

作者:dezai / 发布于2014/9/11/ 490


	var $ = function (id) {
	 return document.getElementById(id);
	};

	/**
	* 滚动文字
	* @param text 要滚动的文字
	* @param fn 文字变化时执行的函数
	* @param t 变化的间隔
	* @constructor 修复覆盖prototype时contructor的指向问题
	*/
	function ScollText(text, fn, t) {
	 this.text = text.split('');
	 this.fn = fn;
	 this.t = t || 300;
	}

	ScollText.prototype = {
	 constructor: ScollText,
	 //开始滚动
	 start: function () {
	 clearInterval(this.interval);
	 var that = this;
	 this.interval = setInterval(function () {
	 that.text.push(that.text.shift());
	 that.fn(that.text.join(''));
	 }, this.t);
	 },
	 //停止滚动
	 stop: function () {
	 clearInterval(this.interval);
	 }
	};

	var st = new ScollText('滚动的文字', function (s) {
	 $('ex').innerHTML = s;
	});

	var startBtn = $('startBtn'), stopBtn = $('stopBtn');

	startBtn.onclick = function () {
	 this.disabled = true;
	 stopBtn.disabled = false;
	 st.start();
	};

	stopBtn.onclick = function () {
	 this.disabled = true;
	 startBtn.disabled = false;
	 st.stop();
	};

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　滚动文字　

同语言下

可能有用的

dezai贡献的其它代码(1065)