为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

3 回答

var ranges = range();

这个一直都有,不用添加,在刚才添加的内容多写了一行这个

0 回复 有任何疑惑可以回复我~

刚做了

圆形效果

各位看看行不行

修改 rsort 函数


将下面内容删除或注销

// 把海报分为左、右区域两个部分
 var photos_left = photos.splice(0, Math.ceil(photos.length/2));
 var photos_right = photos;
 for( s in photos_left ){
    var photo = photos_left[s];

    photo.style.left = random(ranges.left.x)+"px";
    photo.style.top = random(ranges.left.y)+"px";

     photo.style['transform'] = 'rotate('+random([-80,80])+'deg) scale(1)';
 }
 for( s in photos_right ){
     var photo = photos_right[s];

     photo.style.left = random(ranges.right.x)+"px";
     photo.style.top = random(ranges.right.y)+"px";

     photo.style['transform'] = 'rotate('+random([-80,80])+'deg) scale(1)';
}

在删除内容上添加新的内容

var ranges = range();
for( s in photos){
   var photo = photos[s];
   var ang = random([0,360])
   var avg = ang*2*Math.PI/360;
   var ang = -ang;
   photo.style['transform'] = 'translate('+500*Math.sin(avg)+'px,'+500*Math.cos(avg)+'px) rotate('+ang+'deg) scale(1)';
    // 500 为半径值;
}

修改完成,如有疑问,请回复

2 回复 有任何疑惑可以回复我~
#1

keephungry

厉害!
2016-03-09 回复 有任何疑惑可以回复我~
#2

微风灬唐唐

想问下为什么最后要把角度反转一下?还有怎么样可以让图片可以比较分散,而不会聚在一起
2017-12-19 回复 有任何疑惑可以回复我~

同求答案

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3+JS 实现超炫的散列画廊特效
  • 参与学习       46090    人
  • 解答问题       215    个

实现更自由的切换照片的画廊效果,打造超酷的切换动画

进入课程

圆形效果实现

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信