Javascript实现标题滚动效果代码
来源:自学PHP网
时间:2014-09-19 14:47 作者:
阅读:次
[导读] 本文章利用几段超简单的代码实现了标题滚动效果,有需要了解的同学可进入参考参考。...
代码如下
代码如下 |
复制代码 |
(function () {
var titleScroll = function () {
var index = 0;
var text = "欢迎光临Story校园相册!";
var len = text.length;
var init = function () {
document.title = text.substring(0, index + 1);
index++;
if (index >= len) {
index = 0;
document.title = text;
}
setTimeout(arguments.callee, 150);
}
init();
}
titleScroll();
})("http://www.111cn.net")
|
当然有个压缩版本的,使用方法嘛,在最后的括号传递的变量里改为你的提示文本就好。
代码如下 |
复制代码 |
(function(b){var a=0,c=b.length;(function(){document.title=b.substring(0,a+1);a++;a>=c&&(a=0,document.title=b);setTimeout(arguments.callee,150)})()})("http://www.111cn.net");
|
|