欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 網(wǎng)頁進(jìn)度條簡單實(shí)例

 更新時(shí)間：2017年02月22日 15:23:38   投稿：lqh  
這篇文章主要介紹了javascript 網(wǎng)頁進(jìn)度條簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下

javascript 網(wǎng)頁進(jìn)度條簡單實(shí)例

               最近學(xué)習(xí)新的知識(shí)，遇到一個(gè)小功能網(wǎng)頁進(jìn)度條，發(fā)現(xiàn)一篇文章還是不錯(cuò)的，這里記錄下，也許能幫助到大家，

實(shí)例代碼：

<!DOCTYPE html>
<html>
<head>
<style>
#box {float:left;width:100%;height:18px;border:1px solid;}
#bar {float:left;width:100%;height:18px;border:0px;background:#00f;}
</style>
</head>
<body>
<div id="box">
<div id="bar"></div>
</div>
<script language="javascript">
var total = 6480; //總數(shù)
var curN = 4480; //當(dāng)前值
function show()
{
 var box = document.getElementById("box");
 var o = document.getElementById("bar");
 o.style.width = ((curN / total) * 200) + 'px'; //200是外框的寬度
}
show();
</script>
</body>
</html>

取反：

<!DOCTYPE html>
<html>
<head>
<style>
#box {float:left;width:200px;height:18px;border:1px solid;}
#bar {float:left;width:100%;height:18px;border:0px;background:#00f;}
</style>
</head>
<body>
<div id="box">
<div id="bar"></div>
</div>
<script language="javascript">
var total = 6480; //總數(shù)
var curN = 6400; //當(dāng)前值
var baseNub = total - curN;
function show()
{
 var box = document.getElementById("box");
 var o = document.getElementById("bar");
 o.style.width = ((baseNub / total) * 200) + 'px'; //200是外框的寬度
}
show();
</script>
</body>
</html>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

相關(guān)文章

最新評論