web前端|js教程
jquery,进度条
web前端-js教程
其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一下,不多说了。
效果图
需要用到的图片:
背景图片:
进度显示图片:
网页结构:
易语言连接sql数据库源码,online vscode,ubuntu连手机,tomcat历史,补充sqlite教程,终端登陆阿里云服务器,zepto 图片插件,前端框架angular薪资,爬虫 美女,php写前端,SEO骗方案,政府网站风格,php充值网页源码,大气宽屏网站模板企业源码带后台,jsp页面嵌入qq系统,jsp医疗信息管理系统源代码,html5抽奖程序lzw
css代码:
代码
禾匠源码安装,ubuntu语言汉语灰色,tomcat7默认账号密码,爬虫程序怎么编,php怎么添加两个表格数据,东莞seo建lzw
#center{
margin:50px auto;
width:400px;
}
#loading{
width:397px;
height:49px;
background:url(bak.jpg) no-repeat;
}
#loading div{
width:0px;
height:48px;
background:url(pro.jpg) no-repeat;
color:#fff;
text-align:center;
font-family:Tahoma;
font-size:18px;
line-height:48px;
}
#message{
width:200px;
height:35px;
font-family:Tahoma;
font-size:12px;
background-color:#d8e7f0;
border:1px solid #187CBE;
display:none;
line-height:35px;
text-align:center;
margin-bottom:10px;
margin-left:50px;
JavaScript代码:
代码
挖矿源码带交易平台,vscode折叠代码快捷,ubuntu下linuxd,idea展示tomcat区域,sqlite3 事务处理,海奥华预言三级文明宇宙爬虫族,php curl 并发,利于seo的网站描述,织梦体育网站模板,帝国cms 模板文件lzw
var progress_id = "loading";
function SetProgress(progress) {
if (progress) {
$("#" + progress_id + " > div").css("width", String(progress) + "%"); //控制#loading div宽度
$("#" + progress_id + " > div").html(String(progress) + "%"); //显示百分比
}
}
var i = 0;
function doProgress() {
if (i > 100) {
$("#message").html("加载完毕!").fadeIn("slow");//加载完毕提示
return;
}
if (i <= 100) {
setTimeout("doProgress()", 100);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});