<script>
arr = [[
{'n':'A','q':'111111'},
{'n':'B','q':'222222'},
], [
{'n':'A','q':'333333'},
{'n':'B','q':'444444'},
]]
document.getElementById("test").innerHTML=arr.map(function(o,i){
return '数组'+(i+1)+'<ul class="box1">'+o.map(function(o){
return '<li data-q="'+o.n+'">'+o.q+'</li>'
}).join('')+'</ul>'
}).join('')
</script>
for 循环就是一条条一显示的， 只不过是执行的太快， 你肉眼看不出来， 你想要动态效果可以让你的显示部分推迟执行就行了。每隔一秒显示一条，比如这样：
<style type="text/css">div {
display: none
}
</style>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<div>Hello World</div>
<script type="text/javascript">
const divs = document.getElementsByTagName('div')
let _time = 0
for (let v of divs) {
setTimeout(function() {
return v.style.display = 'block'
}, _time)
_time += 1000
}
</script>
在你的css里加入如下代码：.img {
width: expression(this.width >130)this.width=120
height: expression(this.height >86)this.height=76
}
//代码中数字为你要显示图片的宽和高
在body的图片标签中调用，如：<IMG class="img" SRC='http://www.home.com/images/upfile/201182191918934.jpg'></a>。你试试看能否解决问题。祝福你，朋友！
