JS 进度条效果实现代码整理_javascript技巧
- WBOY原创
- 2016-05-16 18:06:281118浏览
第一种方法:
Loading.js
复制代码 代码如下:
//频率
var frequency = 50;
//步长
var step = 3;
//背景颜色
var loadingBgcolor = "#ffffff";
//宽度
var loadingWidth = 354;
/*
*参数说明:
*content：显示内容，可以为空；
*imageURL：将引用JS文件的路径设置即可；
*left：进度条显示位置left
*top：进度条显示位置top
*/
function Loading(content, imageURL, left, top)
{
imageURL = imageURL + "Loading.jpg";
LoadTable(content, imageURL, left, top);
showimage.style.display="";
window.setInterval("RefAct();", frequency);
}
function RefAct()
{
imgAct.width += step;
if(imgAct.width > loadingWidth-4)
{
imgAct.width = 0;
}
}
function LoadTable(content, imageURL, left, top)
{
var strLoading;
strLoading = "";
strLoading += "
";
strLoading += "";
";
strLoading += "
"; strLoading += "
| "; strLoading += "" + content + ""; strLoading += " | ";
| "; strLoading += " strLoading += " | ";
strLoading += "
document.getElementById("loading_div").innerHTML = strLoading;
}
使用页:
复制代码 代码如下:
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn