网站地图    收藏   

主页 > 前端 > javascript >

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论