成都网站建设
扫描关注木子网络微信号

扫一扫微信二维码

网页title标题滚动效果js代码

木子网络2017-10-07经验分享

  在一些特定网页,为了让访客更快的了解我们的网站主题和吸引访客的眼球,那么有什么办法是最快能够解决这两个问题的呢?今天就给大家分享一段js代码,其实现的效果就是让网页title标题滚动显示,这样就可以让网页X格提升了。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>成都网站建设_成都网站设计_成都seo_成都网络营销 - 木子网络</title>
</head>
<body>
<script type=text/javascript>  
var title = document.title;//获取网页标题
var step = 0; 
function rollTitle() { 
    //根据时间每次将切割后前面的字加到后面,直到step比标题个数还大,重新开始
    document.title = title.substring(step, title.length) + title.substring(0, step); 
    step++; 
    if (step >  title.length) step = 0 
    setTimeout("rollTitle()",300); //根据需求自己调整速度
} 
rollTitle();//调用函数 
</script> 
</body>
</html>

转载请注明:木子网络 » http://www.muziwl.com

文章标签
js教程