久久草情侣vs国产&久久精品国产av一级二级三级&日韩免费黄色视频&精品一区二区三区av天堂&玩弄少妇高潮a片水蜜桃网站&女教师韩国

歡迎來到億搜云建站平臺,全網營銷云系統(tǒng)加盟中心!

海量企業(yè)網站模板 · 任您選擇

美出特色,精出品質,一切為了企業(yè)更好的營銷

隱藏側欄
Beta
轉載

javascript中Loading進度條的網頁加載效果

       延遲加載     2016-02-16     eycms     45     0    

<html>

<head>

<title>程序加載頁面</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body style="background:black">

<div id="div1" style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden">

<div style="position:absolute;top:-1;left:0" id="pimg">

</div>

</div>

<div id="div2" style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4">

正在加載中......

</div>

<script language="Javascript">

s=new Array("#050626","#0a0b44","#0f1165","#1a1d95","#1c1fa7","#1c20c8","#060cff");

//s=new Array("#333333","#555555","#777777","#999999","#AAAAAA","#CCCCCC","#EEEEEE");

div1.style.posTop=Math.floor((document.body.clientHeight-14)/2);

div1.style.posLeft=Math.floor((document.body.clientWidth-322)/2);

div2.style.posTop=parseInt(div1.style.posTop)+20;

div2.style.posLeft=parseInt(div1.style.posLeft)+120;

function Larrange(){

pimg.innerHTML="";

for(i=0;i<9;i++){

pimg.innerHTML+="<input style="width:15;height:10;border:0;background:"+s[i]+";margin:1">";

}

}

function Rarrange(){

pimg.innerHTML="";

for(i=9;i>-1;i--){

pimg.innerHTML+="<input style="width:15;height:10;border:0;background:"+s[i]+";margin:1">";

}

}

var is=0;size=0;

function move(){

if(pimg.style.pixelLeft<350&&is==0){

if(size==0){Larrange();size=1;}

pimg.style.pixelLeft+=3;

setTimeout("move()",1);

return;

}

is=1;

if(pimg.style.pixelLeft>-200&&is==1){

if(size==1){Rarrange();size=0;}

pimg.style.pixelLeft-=3;

setTimeout("move()",1);

return;

}

is=0;

move();

}

function flashs(){

if(div2.style.color=="#ffffff"){

div2.style.color="#707888";

setTimeout('flashs()',500);

}

else{

div2.style.color="#ffffff";

setTimeout('flashs()',500);

}

}

Larrange();

flashs();

move();

</script>

</body>

</html></td>

 </tr>

</table>


--結束END--

本文鏈接: http://www.kblvmr5.cn/resources/loading/1131.html (轉載時請注明來源鏈接)

 
本文標簽: 全部

下班PC閱讀不方便?

手機也可以隨時學習開發(fā)

微信關注公眾號“億搜云”
"億搜云平臺前端開發(fā)教學"
每日干貨技術分享
 

×

成為 億搜云平臺 代理商!

關注

微信
關注

微信掃一掃
獲取最新優(yōu)惠信息

億搜云平臺公眾號

客服

聯(lián)系
客服

很高興為您服務
尊敬的用戶,歡迎您咨詢,我們?yōu)樾掠脩魷蕚淞藘?yōu)惠好禮。 咨詢客服

聯(lián)系客服:

在線QQ: 40819446

客服電話: 15250286283

售前咨詢 售后服務
在線交談 智能小云

工作時間:

周一至周五: 09:00 - 17:00

WAP

手機
訪問

移動端訪問
手機上也能選模板

億搜云平臺手機端