[问题]jquery 进度条跑到100%之后 显示图片

楼主: MaxXunYin (MaxXunYin)   2015-06-22 11:31:13
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet"
href="../jquery-ui-themes-1.11.4/themes/sunny/jquery-ui.css"/>
<script src="../jquery-ui-1.11.4/external/jquery/jquery.js"></script>
<script src="../jquery-ui-1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "div#progressbar" ).progressbar ({
change : function (event)
{
var value = $( "div#progressbar").progressbar ("value");
$("#percent").html (value + " %");
}
});
var value = 0;
var timer = setInterval (function ()
{
$( "div#progressbar" ).progressbar ("value", value);
value++;
if (value > 100) clearInterval (timer);
}, 10);
});
</script>
</head>
<body>
<div id="progressbar"></div>
<div id =percent style=text-align:center>0</div>
</body>
</html>
请问一下如果我想要在跑完这个进度条之后
然后在页面上显示我想要的图片
应该加入什么语法
作者: crossdunk (推嘘自如)   2015-06-22 12:25:00
有点本末倒置的味道 不知道是不是我多虑了XD另外你的问题 最简单就是一开始先隐藏图片 判断到100%后就把图片显示出来或是用JAVASCRIPT去改图片让他显示
作者: mmis1000 (秋月恋枫)   2015-06-22 12:32:00
http://output.jsbin.com/hisubo 就append阿或是楼上讲的,一开始就隐藏,跑完再显示

Links booklink

Contact Us: admin [ a t ] ucptt.com