分享WP资源
是件美好的事情

JavaScript 实现网站标题自定义、滚动、闪烁

腾讯云限时秒杀活动

闲着没事浏览网站的时候发现的这几段 JS 代码,记录下来并应用到了自己博客上。有喜欢这个小特效的朋友也可以直接拿过来使用,废话不多说,直接上代码。

网站标题自定义并滚动

// JS代码实现网站标题自定义
<script type="text/javascript">
var sTitle = "欢迎光临!莲花不妖 | 可远观不可亵玩焉"
function TitleMove(){
    sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
    document.title = sTitle;
    status = sTitle;
}
window.setInterval("TitleMove()", 100);
</script>

网站标题滚动显示

// JS代码实现网站标题滚动显示
<script type="text/javascript">
var msg = document.title;
msg = "………" + msg;pos = 0;
function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(pos, 0);
    pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

网站标题闪烁显示

// JS代码实现网站标题闪烁显示
<script type="text/javascript">
var step=0;
var ftitle=document.title; //获取网页标题
var space='';
for(var i=0;i<=ftitle.length;i++)space+=' '; //根据标题长度生产相应的空字符
function flash_title(){
    step++
    if (step==3) {step=1}
    if (step==1) {document.title=space}
    if (step==2) {document.title=ftitle}
    setTimeout("flash_title()",500);
}
flash_title();
</script>
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » JavaScript 实现网站标题自定义、滚动、闪烁
分享到: 生成海报

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录