Javascript实现标题滚动效果代码

代码如下

 代码如下 复制代码

(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");
时间： 2024-09-26 16:56:17

Javascript实现标题滚动效果代码的相关文章

javascript 图片左右滚动效果代码

提示:您可以先修改部分代码再运行 javascript 图片左右滚动效果代码 提示:您可以先修改部分代码再运行

javascript多行新闻滚动效果代码

 代码如下 复制代码 <html> <head> <title>javascript多行新闻滚动效果代码</title> <style> td{font-size:12px;} </style> </head> <body> <script > /************************************************************  * 滚动效果  * 注意:所有

jquery 左右滚动效果代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

jquery实现图片水平滚动效果代码分享_jquery

本文实例讲述了jquery实现图片水平滚动效果,分享给大家供大家参考.具体如下: 运行效果图:-------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jquery实现图片水平滚动效果代码如下 <HEAD> <META content="text/html; charset=gb2312" http-equiv="Content-Type"> &

JS实现超精简的链接列表在固定区域内滚动效果代码_javascript技巧

本文实例讲述了JS实现超精简的链接列表在固定区域内滚动效果代码.分享给大家供大家参考,具体如下: 这款超精简版的链接列表文字滚动代码,可在指定的区域内滚动,当然,区域大小可以自己设置的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-link-list-scroll-style-codes/ 具体代码如下: <html> <HEAD> <TITLE>文字链接列表滚动</TITLE> <META

JS与HTML结合使用marquee标签实现无缝滚动效果代码_javascript技巧

具体代码如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>一行多列文字循环滚

jQuery插件实现文字无缝向上滚动效果代码_jquery

本文实例讲述了jQuery插件实现文字无缝向上滚动效果代码.分享给大家供大家参考,具体如下: 此插件旨在实现目前较为流行的无缝向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

jquery插件之文字间歇自动向上滚动效果代码_jquery

本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码.分享给大家供大家参考,具体如下: 此插件旨在实现目前较为流行的文字间歇向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo

js焦点文字滚动效果代码分享_javascript技巧

本文实例讲述了js焦点文字滚动效果.分享给大家供大家参考.具体如下:效果描述:今天推荐的这个又是一个原生的js焦点图效果 默认自动切换,也可以手动切换 javascript代码采用函数式对象编程,也就是javascript编程中的Module模式 基本用法很简单,主要特点有三: 1.模块化,可重用 2.封装了变量和function,和全局的命名空间不接触,不污染全局变量 3.只暴露可用public方法,其他私有方法全部隐藏,确保js相互之间不会冲突 运行效果图:-----------------