[全兼容哦]--實(shí)用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing
更新時間：2007年05月07日 00:00:00 作者：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta HTTP-EQUIV="Expires" content="Sun, 31 Oct 2008 23:59:00 GMT" />
<title>實(shí)用、結(jié)、酷的頁面轉(zhuǎn)入效果loing ---全兼容【來自心動】</title>
<style type="text/css">
<!--
body {
margin-top: 100px;
font-size: 12px;
color: #006600;
}
#span{
background-color: #FFFFFF;
height: 4px;
width: 4px;
border: 1px solid #333333;
margin: 1px;
}
-->
</style></head>
<body>
<div align="center">頁面載入中請稍候···<br />
<script language="JavaScript" type="text/javascript">
var p=0,A1=0;var u_=0
var color_A=new Array("lightskyblue","white","#00FF00","white","red","white");
function set_span(obj_name,obj_time,obj_length){
for(var i=0;i<obj_length;i++){document.write("<input id='"+obj_name+"' name='"+obj_name+"' />")}
setInterval('xd_load();',obj_time);
}
function xd_load(){
u_++
document.getElementsByName("span").item(p).style.background=color_A[A1]
p+=1;
if(p==document.getElementsByName("span").length){p=0;A1+=1;
if(A1==color_A.length)A1=0
}
if(u_>20){top.location="../";alert("轉(zhuǎn)入頁面");}
}
set_span("span",120,20)
</script></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta HTTP-EQUIV="Expires" content="Sun, 31 Oct 2008 23:59:00 GMT" />
<title>實(shí)用、結(jié)、酷的頁面轉(zhuǎn)入效果loing ---全兼容【來自心動】</title>
<style type="text/css">
<!--
body {
margin-top: 100px;
font-size: 12px;
color: #006600;
}
#span{
background-color: #FFFFFF;
height: 4px;
width: 4px;
border: 1px solid #333333;
margin: 1px;
}
-->
</style></head>
<body>
<div align="center">頁面載入中請稍候···<br />
<script language="JavaScript" type="text/javascript">
var p=0,A1=0;var u_=0
var color_A=new Array("lightskyblue","white","#00FF00","white","red","white");
function set_span(obj_name,obj_time,obj_length){
for(var i=0;i<obj_length;i++){document.write("<input id='"+obj_name+"' name='"+obj_name+"' />")}
setInterval('xd_load();',obj_time);
}
function xd_load(){
u_++
document.getElementsByName("span").item(p).style.background=color_A[A1]
p+=1;
if(p==document.getElementsByName("span").length){p=0;A1+=1;
if(A1==color_A.length)A1=0
}
if(u_>20){top.location="../";alert("轉(zhuǎn)入頁面");}
}
set_span("span",120,20)
</script></div>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了js點(diǎn)擊事件鏈接的問題解決方法,需要的朋友可以參考下2014-04-04
JavaScript 替換Html標(biāo)簽實(shí)現(xiàn)代碼
這種技術(shù)被廣泛應(yīng)用于表單驗(yàn)證，語法高亮和危險字符過濾中。一段話如果很長，如果不想像下面那樣替換，我們得想些辦法了。2009-10-10
這篇文章主要介紹了file控件選擇上傳文件確定后觸發(fā)了什么js事件,需要的朋友可以參考下2014-03-03
本文將給大家詳細(xì)介紹一下iframe的基本介紹與使用,iframe（內(nèi)嵌框架）是 HTML 中一種用于將一個網(wǎng)頁嵌入到另一個網(wǎng)頁中的標(biāo)簽,它可以在一個頁面中顯示來自其他頁面的內(nèi)容,需要的朋友可以參考下2024-02-02
使用Firebug對js進(jìn)行斷點(diǎn)調(diào)試的圖文方法
使用Firebug調(diào)試JavaScript非常方便。因?yàn)閖s的錯誤不容易查找，用這個就方便多了。2011-04-04
微信小程序開發(fā)實(shí)戰(zhàn)快速入門教程
這篇文章主要為大家介紹了開發(fā)一個微信小程序?qū)崙?zhàn)快速入門教程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
模仿選擇文件夾效果的javascript封裝類，效果不錯，實(shí)際應(yīng)用呢，暫時用不到，大家可以學(xué)習(xí)思路2008-09-09
原生js實(shí)現(xiàn)的移動端可拖動進(jìn)度條插件功能詳解
這篇文章主要介紹了原生js實(shí)現(xiàn)的移動端可拖動進(jìn)度條插件功能,結(jié)合實(shí)例形式詳細(xì)分析了javascript拖動進(jìn)度條插件的具體定義與使用技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了本地存儲localStorage的用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
javascript+canvas實(shí)現(xiàn)刮刮卡抽獎效果
這篇文章主要介紹了javascript+canvas實(shí)現(xiàn)刮刮卡抽獎效果的相關(guān)資料,需要的朋友可以參考下2015-07-07