很酷的javascript loading效果代碼
更新時(shí)間:2008年06月18日 20:56:12 作者:
很不錯(cuò)的loading效果代碼,方便學(xué)習(xí)loading的朋友測試與學(xué)習(xí)
復(fù)制代碼 代碼如下:
<font color=red><script language="JavaScript">
<!--
var url = 'http://www.dbjr.com.cn'; ///這里是你的網(wǎng)址
//-->
</script>
</head>
<body onLoad="location.href = url">
<div style='margin-top:40;margin-left:40;margin-right:0'>
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center">
<style><!--.proccess{border:0px solid; border-color:#009900; width:2;height:15;background:eeeeee;margin:0}--></style>
</p>
<div style='margin-top:-20;margin-left:0;margin-right:0' align="center">
<form method=post name=proccess>
<script language=javascript>
document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0 bgcolor=#000000 ><tr bgcolor=#ffffff><td style='font:9pt Verdana;'>")
for(i=0;i<200;i++)document.write("<input class=proccess >")
document.write("</td></tr></table><br>")
document.write("<div align=center style='font-size:9pt;color:#660000;'> 數(shù)據(jù)正在加載中......</div>")
</script>
<div align="center">
<script language=JavaScript><!--
var p=0,j=0;
var c=new Array("#FF6600","#ffffff")
setInterval('proccess();',100)
function proccess(){
document.forms.proccess.elements[p].style.background=c[j];
p+=1;
if(p==200){p=0;j=1-j;}}
--></script>
</div>
</div>
<div align="center">
<script>
<!--
if (document.layers)
document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');
else if (document.all || document.getElementById)
document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');
else location.href = url;
//-->
</script>
</div>
</body></font>
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)網(wǎng)頁加載進(jìn)度條代碼超簡單
- jquery插件NProgress.js制作網(wǎng)頁加載進(jìn)度條
- Angularjs注入攔截器實(shí)現(xiàn)Loading效果
- 原生JS實(shí)現(xiàn)LOADING效果
- javascript制作loading動(dòng)畫效果 loading效果
- JS Loading功能的簡單實(shí)現(xiàn)
- js loading加載效果實(shí)現(xiàn)代碼
- Listloading.js移動(dòng)端上拉下拉刷新組件
- JS 非圖片動(dòng)態(tài)loading效果實(shí)現(xiàn)代碼
- javascript實(shí)現(xiàn)一個(gè)網(wǎng)頁加載進(jìn)度loading
相關(guān)文章
js?實(shí)現(xiàn)picker?選擇器示例詳解
這篇文章主要為大家介紹了js?實(shí)現(xiàn)picker?選擇器示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題詳解
最近在做一個(gè)web的數(shù)據(jù)統(tǒng)計(jì)部分用到了Echart,下面這篇文章主要給大家介紹了關(guān)于echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08JavaScript使表單中的內(nèi)容顯示在屏幕上的方法
這篇文章主要介紹了JavaScript使表單中的內(nèi)容顯示在屏幕上的方法,涉及javascript針對表單元素操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06js實(shí)現(xiàn)div在頁面拖動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)div在頁面拖動(dòng)效果,涉及JavaScript動(dòng)態(tài)操作頁面元素與數(shù)值計(jì)算的相關(guān)技巧,需要的朋友可以參考下2016-05-05js實(shí)現(xiàn)綠白相間豎向網(wǎng)頁百葉窗動(dòng)畫切換效果
這篇文章主要介紹了js實(shí)現(xiàn)綠白相間豎向網(wǎng)頁百葉窗動(dòng)畫切換效果,實(shí)例分析了javascript實(shí)現(xiàn)百葉窗動(dòng)畫效果的技巧,需要的朋友可以參考下2015-03-03純javascript實(shí)現(xiàn)分頁(兩種方法)
有的時(shí)候頁面需要很多不同的表組成的數(shù)據(jù),該怎么分頁呢?使用數(shù)據(jù)庫分頁很簡單,那么如何使用js實(shí)現(xiàn)分頁呢?接下來,小編幫大家解決這個(gè)問題,需要的朋友一起來學(xué)習(xí)吧2015-08-08javascript強(qiáng)制彈出新窗口實(shí)現(xiàn)代碼
javascript強(qiáng)制彈出新窗口,主要是利用的動(dòng)態(tài)創(chuàng)建鏈接。2009-12-12