页面加载进度条效果源代码-状态标题-网页特效

2024/4/26   星期五
设为首页   收藏本页
用户注册   用户登陆

4当前位置：网页特效首页－状态标题－页面加载进度条效果源代码

4网页特效分类

时间特效　　文本特效
状态标题　　背景特效
导航菜单　　图片特效
窗口特效　　按钮特效
鼠标特效　　 CSS特效
表单特效　　综合特效

4本站推荐内容

页面加载进度条效果源代码

类别：状态标题　来源：网络　添加时间：2014/9/24　浏览次数：5691

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>页面加载进度条效果源代码-状态标题-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>页面加载进度条效果源代码</title>
<style type="text/css">
#d1{width:300px;height:20px;border:1px solid #abe;text-align:center;position:relative;font-size:12px;}
#d2{background:#abe;width:1%;overflow:hidden;position:absolute;left:0;top:0;height:20px;z-index:-1;}
#step{height:20px;line-height:20px;}
</style>
</head>
<body>
<div id="d1"><div id="d2"></div><span id="step">1%</span></div>
<script type="text/javascript">
var stepNum=0;
var _do;
function start(){_do=setInterval(loading,10);}
function loading(){
    stepNum+=1;
    if(stepNum<101){
    document.getElementById("d2").style.width=stepNum+"%";
    document.getElementById("step").innerHTML=stepNum+"%";
    }else{
    clearInterval(_do);
    //加载完成后执行
    window.location="http://www.msxindl.com/";
    }
}
window.onload=function(){start();};
</script>
</body>
</html>

上一篇状态标题：

下一篇状态标题：

4最新状态标题

·页面加载进度条效果源代码

4热门状态标题

·页面加载进度条效果源代码

本站部分内容收集整理于网络，如有问题请随时联系站长

，本站将在第一时间内进行处理！
设为首页收藏本站友情链接蜀ICP备08103254号-1 川公网安备51140202000211号最佳浏览环境：IE7.0及以上 1024px×768px

百度统计 51LA统计