鱼C论坛

 找回密码
 立即注册
查看: 3280|回复: 0

[学习笔记] 上课了:JS实现网页标题滚动及标题变换

[复制链接]
发表于 2017-6-16 10:10:36 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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> 

评分

参与人数 1鱼币 +1 收起 理由
小甲鱼 + 1 支持楼主!

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-21 22:09

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表