利用JS实现网页标题滚动及标题变换

发表评论
3,104

A+

大家是否经常看到网页标题来回滚动，以及网页标题来回变动，这种效果是不是很炫，给人的感觉也不错。下面就是我要分享给大家的代码，相互学习、改进已达到我们自己理想的状态。

js实现网页标题滚动(源码如下)

<script type=text/javascript>  
var msg = document.title; 
 
msg = "…" + msg;pos = 0; 
function scrollMSG() { 
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); 
pos++; 
if (pos >  msg.length) pos = 0 
window.setTimeout("scrollMSG()",400); 
} 
scrollMSG(); 
</script>

var msg = document.title;

msg = "…" + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);

pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",400);

}

scrollMSG();

</script>

js实现网页标题变动（源码如下）

<script  type=text/javascript>  
//  
var step=0;  
var _title=document.title; //获取网页标题  
var space='';  
for(var i=0;i<=_title.length;i++)space+='　'; //根据标题长度生产相应的空字符  
function flash_title() //核心函数  
{  
step++  
if (step==3) {step=1}  
if (step==1) {document.title=space}  
if (step==2) {document.title=_title}  
setTimeout("flash_title()",500);  
}  
flash_title();  
</script>