官网顶部的标题左移动

在一些企业PC网站里 经常会有网站标题文案会移动的效果

例如下面这个网址:http://www.easyder.com/

实现的方式非常简单

// 官网标题滑动
    function titleSlide () {
        //拿到标题栏的文本
        var title = document.title;
        //将文本字符串转换为数组
        var arr = title.split("");
        //拿到数组的第一个元素,并从数组中删除
        var first = arr.shift();
        //将第一个元素添加到数组的最后
        arr.push(first);
        //将数组再组合成一个字符串
        title = arr.join("");
        document.title = title;
        //每隔一秒做一遍前6步
    },

 随后加一个定时器 每隔500毫秒执行一次 非常简单   记录下 以后也会用的到

setInterval(titleSlide, 500);
posted @ 2018-08-13 16:05  谢创宏  阅读(191)  评论(0编辑  收藏  举报