乐于分享
好资源不私藏

WordPress-使用js实现网站标题滚动的效果。

本站所有有关WordPress的美化特效之类的都会有效果展示图,先看展示图之后,你再决定你的网站要不要也使用这些”特效””美化”之类的,有时候使用效果之后反而会适得其反。

 

使用方法:

 

把下面的js代码添加到header.php即可。

<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>

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

 

【效果展示】:

未经允许不得转载:9i资源网 » WordPress-使用js实现网站标题滚动的效果。

评论 抢沙发

评论前必须登录!

立即登录   注册

×
订阅图标按钮