百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> Javascript实现标题滚动效果代码
分享文章到:

Javascript实现标题滚动效果代码

发布时间:01/15 来源: 浏览: 关键词:
本文章利用几段超简单的代码实现了标题滚动效果,有需要了解的同学可进入参考参考。

代码如下

 代码如下

(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");

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有3人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板