阅读模式:

网站title标题滚动效果

查看:1629  回复:0  类型:  来源:php自学网  标签 javascript

js实现网站标题从左往右滚动的效果

<script>
    //网站打开后延迟开启执行滚动效果
    setTimeout(function(){
    newtitle();
    },2800);
    
    function newtitle() {
       //获取网站的标题
    var text=document.title
    var timerID
    //标题超过长度后启用滚动
    if(text.length>10){
            //设置标题,从第二个字获取到末尾+标题的第一个字
        document.title=text.substring(1,text.length)+text.substring(0,1);
        //获取标题长度
        text=document.title.substring(0,text.length);
        //600毫秒后继续调用这个函数进行递归,实现滚动的效果
        timerID = setTimeout("newtitle()", 600)
    }
    }
</script>

       效果预览:http://zixuephp.net/article-178.html

        其实就是通过js不停的设置标题的效果,每次把第一个字获取到后放到最后面,然后写入到浏览器标题中,所有可以看到标题像是在滚动的假象。

分享到:
0 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
centos 7 开启网络   阅读:1953ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:3575移动端js触摸touch详解(附带案例源码)   阅读:5644centos 7 安装 samba 服务   阅读:2093浅谈javascript的函数节流   阅读:1666一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:14037php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:2481给 centos 7 安装桌面环境   阅读:9182php 使用 smtp.php 类在线发送邮件功能   阅读:2290php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:1845mysql的四种索引类型   阅读:4432centos 7 忘记root密码   阅读:1548linux top命令详解   阅读:1903面试的时候和你谈理想,是理想or入坑?   阅读:2247mysql 为什么添加索引可以提高访问速度   阅读:2227centos 7.2 添加php7 的 php-fpm 开机启动   阅读:10407centos 7.2 添加php7 的 php-fpm 开机启动   阅读:10407给网站添加一键新浪微博登录的功能   阅读:2844用php从1加到100的值   阅读:3442centos 7 安装 php-7.1.3   阅读:8999Nginx 配置文件详解   阅读:1817网站局部小图片优化-base64编码图片   阅读:3211移动端自适应rem原理   阅读:5371centos 7 安装 nginx-1.11.10   阅读:3729移动端自适应rem原理   阅读:5371phpexcel 超简单从excel表格一键导入数据到数据库教程   阅读:5929shell发送邮件脚本   阅读:468centos 7 安装 php-7.1.3   阅读:8999“米粉节”背后的故事——小米网抢购系统开发实践   阅读:1617php 读取和设置redis的键值   阅读:3221javascript对cookie操作详细代码函数   阅读:1959linux php7安装yaf扩展   阅读:2115比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2138移动端js触摸touch详解(附带案例源码)   阅读:5644shell脚本统计当前服务器并发连接数   阅读:2305mysql的四种索引类型   阅读:4432shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:3201php 读取和设置redis的键值   阅读:3221mysql共享锁和排他锁详解   阅读:2313栈和堆的区别   阅读:1700比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2138mysql 为什么添加索引可以提高访问速度   阅读:2227最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:4961php冒泡排序法   阅读:2240网站性能优化-页面静态缓存   阅读:2210比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:2138shell脚本统计当前服务器并发连接数   阅读:2305php 获取当前前后年、月、星期、日、时分秒的时间   阅读:2166shell脚本批量删除几天前的文件   阅读:2751centos7开启交换内存   阅读:3091