状态栏文字分解出现特效

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<HTML>
<HEAD>
<TITLE>文字分解出现</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
	FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE2 {
	color: #FFCC33;
	font-size: 40px;
}
.STYLE3 {
	color: #993399;
	font-weight: bold;
	font-size: 30px;
	font-family: "华文彩云";
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
var str=""
var direction="left"
function createArray(n)
{
    for (var i = 0; i < n; i++) {this[i] = 0}
    return this
}
var js_mult1=3141
var js_mult2=5821
var js_m1=100000000
var js_m2=10000
var js_iseed=0
var js_iseed1=0
var js_iseed2=0
function random(n)
{
    if (js_iseed == 0)
    {
        now = new Date()
        js_iseed = now.getHours() + now.getMinutes() * 60 
                    + now.getSeconds() * 3600
    }
    js_iseed1 = js_iseed / js_m2
    js_iseed2 = js_iseed % js_m2
    var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) * 
                js_m2 + (js_iseed2 * js_mult2)) % js_m1
    js_iseed = (tmp + 1) % js_m1
    return (Math.floor((js_iseed/js_m1) * n))
}
msgArray = createArray(5)
msgArray[0] = "欢迎你的光临,神龙科技欢迎你"
msgArray[1] = "你一定会有更多收获的"
msgArray[2] = "记得要经常来呀,神龙科技欢迎你"
msgArray[3] = "你可以给我写信,神龙科技欢迎你"
msgArray[4] = "有空记得常常点击"
msg = ""
dmsg = ""
function doMessage()
{
    if (msg == dmsg) // reset and delay
    {
        msg = msgArray[random(5)] 
        dmsg = "" 
        for (var ii = 0; ii < msg.length; ii++) dmsg += " "
        JSCTimeOutID = window.setTimeout('doMessage()',100)
        return true
    }
    var ii = random(msg.length)
    var astr = dmsg.substring(0, ii)
    var bstr = msg.substring(ii, ii+1)
    var cstr = dmsg.substring(ii+1, dmsg.length)
    dmsg = astr+bstr+cstr
    window.status = dmsg
    JSCTimeOutID = window.setTimeout('doMessage()',50)
     return true
}

</SCRIPT>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR>
</HEAD>
<BODY onLoad="JSCTimeOutID = window.setTimeout('doMessage()',500);">
<CENTER>
  <span class="STYLE2"><FONT face=隶书>文字分解出现</FONT></span>
</CENTER>
<BR>
<CENTER>
<TABLE borderColor=#99FFFF border=5 borderlight="green">
  <TBODY>
  <TR>
  <TD align=middle><span class="STYLE3">状态栏为效果显示区!</span></TD>
  </TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

AخA
 
<HTML>
<HEAD>
<TITLE>文字分解出现</TITLE>
<STYLE type=text/css>
BODY {
    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
    FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033

CSS代码

复制格式化注释注释颜色清空

放大

CSS代码...​x
 
​

JS代码

复制格式化注释注释清空

放大

JS代码...xxxxxxxxxx
 
​

运行代码

简介

请输入代码名称！

名称

状态栏文字分解出现特效

分类

网站常用

描述

再发一个网页状态栏文字特效，文字分解出现的效果，可能有些不习惯，不过相信有些朋友会喜欢这效果的，感谢大家捧场哦，状态栏文字特效与你分享。