网页特效代码_站长素材站移动版

标题栏/状态栏特效

主页 > 网页特效 > 其他特效代码 > 标题栏/状态栏特效 >

标题栏文字循环轮播的js特效

GIF动图:标题栏文字循环轮播的js特效
所需金币: 注册会员免费下载 推荐等级:★★★☆☆ 更新时间:2019-11-18 效果演示:演示网址 下载列表 下载点击: /
特效简介
本文实例讲述了JavaScript实现标题栏文字轮播效果代码。分享给大家供大家参考,具体如下:
这里演示的JS文字轮播,显示在标题栏区域,以前个人主页时候经常见到的效果,不过现在都规范了,标题栏一般都不加入这种效果了。但是可以学习一下JS制作实现一些文字特效,运行效果后请查看标题栏。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标题栏文字循环轮播的js特效</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
message[0] = "欢迎光临站长素材站";
message[1] = "这里有javascript";
message[2] = "网页特效";
message[3] = "图片和背景特效等";
message[4] = "非常多的资源";
message[5] = "你一定会有所收获的"; 
message[6] = "欢迎你再次光临";
message[7] = "站长素材站";
var reps = 2;
var speed = 50;
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 9) { s = 1;}
if (s == 1) { document.title = '★★====='+T+' --'; }
if (s == 2) { document.title = '=★★===='+T+' --'; }
if (s == 3) { document.title = '==★★==='+T+' --'; }
if (s == 4) { document.title = '===★★=='+T+' --'; }
if (s == 5) { document.title = '====★★='+T+' --'; }
if (s == 6) { document.title = '=====★★'+T+' --'; }
if (s == 7) { document.title = '====★★='+T+' --'; }
if (s == 8) { document.title = '===★★=='+T+' --'; }
if (s == 9) { document.title = '==★★==='+T+' --'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
  }
}
doTheThing();
</script>
</body>
</html>

0
下载地址
  • 百度网盘提取码:dyu6
  • 微云网盘提取码:nqbeci
下载说明

· 本站下载链接均为网盘下载(百度网盘 & 微云网盘);
· 推荐使用第三方专业下载工具下载本站软件,使用 WinRAR v3.10 以上版本解压本站软件;
· 如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
· 下载本站资源,如果服务器暂不能下载请过一段时间重试!
· 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。


    468x60