img: [ 'about.png', 'applyBtn.png', 'background2.png', 'bgImg.png', 'bird.cman.png', 'borad2.png',
'choujiang.png','entry.png','f_0.png','f_1.png','f_2.png','f_3.png',
'f_4.png','f_5.png','f_6.png','f_7.png','f_8.png','f_9.png',
'fxFBfont.png','ground.2.png','logo.png','pgBar.png','pgBg.png','pipe2.png',
'raffle.png','rank.png','rankBtn.png','ruleBtn.png','shareButton.png',
'shareImg.png','sureBtn.png','tap.png','titleImg.png','trymore.png'
],
count: 1,
go: 1,
init: function () {
var _this = this
$.get('dom.txt', function (response) {
$('#gameDiv').append(response)
_this.move()
})
this.count += this.img.length
this.go = this.count
this.loadImg()
},
loadImg: function () {
for (var i = 0i <this.img.lengthi++) {
var img = new Image()
var _this = this
img.onload = function () {
_this.move()
}
img.src = 'resource/assets/' + this.img[i]
}
return this
},
move: function () {
--this.go
var press = Math.round((this.count - this.go) / this.count * 100)
console.log('游戏加载进度', press)
// if(press === 100){
// start.init()
// }
}
}
jsload.init()
图片 和txt加载 可以参考下
在VS2005下使用webclient是可以使用进度条的。方式是使用DownloadProgressChanged来实现
使进度条的value=e.ProgressPercentage
这样就可以了。
还有，这个方式得使用异步下载。
个主题化的进度条插件库的一切。ProgressJs是一个JavaScript和CSS3库，帮助开发人员创建和管理页面上的任何对象的进度条。你可以自己设计模板的进度条或简单的定制。
你可以使用ProgressJs显示加载内容的进步（图像，视频，等等）到用户的网页。它可以用在所有的元素包括文本框，文本区，甚至整个身体。
它的重量轻，易于使用的，可定制的，自由和开放源码。
基本使用方法
//to set progress-bar for whole page
progressJs().start()
//or for specific element
progressJs("#targetElement").start()
这是ProgressJs的第一个测试版，这当然会更强大的很快。我们将发布一个稳定的变化版本，下载最新版本或其他。作为一个开发者，你可以帮助我们找到错误或解决他们自己的，开源的美。
加载图片动画
<div class="container" style="text-align: center">
<div class="row-fluid" style="margin-bottom: 30px">
<img class="span4 img-rounded" data-img="1" style="height: 187px" />
<img class="span4 img-rounded" data-img="2" style="height: 187px" />
<img class="span4 img-rounded
