wonderq_ubuntu
2015-05-20 22:18
为什么出不来 随机的效果啊,代码和老师的一样呢,,,,,
// 随机生成数值方法
function random(range){//支持负数范围
var max = Math.max(range[0],range[1]);
var min = Math.min(range[0],range[1]);
var diff = max - min;
var number = Math.ceil((Math.random() * diff + min));
return number;
}
// 输出所有的海报方法
var data = data;
function addPhotos(){
var template = g('#wrap').innerHTML;
var html = [];
var nav = [];
for (var i = 0; i < data.length; i++) {
var _html = template.replace('{{index}}',i)
.replace('{{img}}',data[i].img)
.replace('{{caption}}',data[i].caption)
.replace('{{desc}}',data[i].desc);
html.push(_html);
// console.log(_html);
nav.push('<span id="nav_'+i+'" class="i" onclick="turn(g(\'#photo_'+i+'\'))"> </span>');
}
html.push('<div class="nav">'+nav.join('')+'</div>');
g('#wrap').innerHTML = html.join('');
posterSort(random([0,data.length-1]));
}
addPhotos();
// 海报排序方法
function posterSort (n) {
var photo_center = g('#photo_' + n);
photo_center.className += ' photo_center';
}
CSS3+JS 实现超炫的散列画廊特效
46091 学习 · 215 问题
相似问题