状态栏特效集合
状态栏文字发散与集合(经典)
状态栏文字发散与集合(经典)
第一步:把如下代码加入到<head>区域中
<script language="javascript">powered by 25175.net
<!-- Hide this script from old browsers --
var speed = 10
var pause = 1500
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "欢迎来到www.25175.net! "
ar[1] = "欢迎光临25175站"
ar[2] = "请多提意见,谢谢! "
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
bannerRunning = true
} else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
bannerRunning = true
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full)
return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}
function getRandom(max) {
return Math.round((max - 1) * Math.random())
}
// -- End Hiding Here -->
</script>
第二步:把“onLoad="startBanner()"”加在<body>标记里
例如:<body onLoad="startBanner()">
| 【内容导航】 | |
| 第1页:状态栏文字闪动效果 | 第2页:标题栏文字按时间转换 |
| 第3页:文字从右边射出效果 | 第4页:状态栏文字发散与集合(经典) |
| 第5页:醒目的标题栏效果 | 第6页:标题栏里多段文字交替显示 |
| 第7页:状态栏显示页面载入进度 | 第8页:闪动的状态栏文字 |
| 第9页:间隔状态栏跑马灯 | 第10页:状态栏弹出文字组合 |
| 第11页:状态栏动态显示现在时间 | 第12页:标题栏变化弹出(Title) |
| 第13页:不停闪烁的状态栏文字 | 第14页:状态栏显示文字链接信息 |
| 第15页:状态栏显示固定信息 | 第16页:标题栏文字动起来 |
上一篇:按钮特效集合
下一篇:菜单导航集合
|
|
