一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JavaScript 進度條實現代碼(Firefox等相似瀏覽器下不支持)

復制代碼 代碼如下:
[code]
<script type="text/Javascript">
var loading = {
element: null,
count: 0,
ID: 0,
createLoading: function(parent, width, height){ //用于生成外圍的進度條框
loading.element = document.createElement("div");
loading.element.id = "loading";
loading.element.className = "loading";
loading.element.style.height = height;
loading.element.style.backgroundColor = "#ffffff";
loading.element.style.border = "1px solid #333333";
loading.element.style.width = width;
parent.appendChild(loading.element);
loading.interval();
},
addSubDIV: function(){ //用setInterval添加外圍框內的div標簽實現進度效果
//如果達到外圍框的寬度,則重新顯示進度
if ((loading.count + 1) * 2 >= parseInt(loading.element.style.width)) {
loading.count = 0;
clearInterval(loading.ID);
loading.element.innerHTML = "";
loading.interval();
}
else {
var elem = document.createElement("div");
elem.className= sub-loading ;
elem.style.backgroundColor = "#f00";
elem.style.width = "2px";
elem.style.height = loading.element.style.height;
elem.style.display="inline";
loading.element.appendChild(elem);
loading.count++;
}
},
interval: function(){ //反復調用
loading.ID = setInterval(loading.addSubDIV, 30);
}
}
onload = function(){
loading.createLoading(document.getElementById("parent"), "402px", "15px");
}
</script>

[/code]
運行演示代碼:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

JavaScript技術JavaScript 進度條實現代碼(Firefox等相似瀏覽器下不支持),轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 97国产在线播放 | 一级女人毛片 | 青青91视频 | 久热中文字幕 | 国产成人亚洲综合欧美一部 | 激情在线小说图片视频区 | 欧美色黄视频 | 91在线在线啪永久地址 | gogo人体大胆色妇 | 国产精品高清一区二区三区 | 欧美.成人.综合在线 | 久久久91精品国产一区二区三区 | 久久九九精品一区二区 | 超清中文乱码精品字幕在线观看 | 激情视频在线播放 | 中文字幕视频网站 | 日韩a级大片 | 黄色美女视频 | 性视频小说 | 97碰公开在线观看免费视频 | 四虎现在的网址入口2022 | 国产精品成人自拍 | 天天摸天天看天天爽 | 免费观看黄色网 | 中文字幕永久免费视频 | 激情五月婷婷久久 | 最新国语精彩对白 | 国产精品综合色区在线观看 | 悠悠色综合 | 视频一区二区在线播放 | 99精品国产第一福利网站 | 日韩一区二区中文字幕 | 一区二区不卡视频 | 一区二区三区高清视频在线观看 | 久久青草精品免费资源站 | 中文字幕在线播放一区 | 国产91久久久久久久免费 | 婷婷在线综合 | 久久久一区二区三区不卡 | 美女很黄免费 | 色偷偷亚洲第一成人综合网址 |