亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

正在回答

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 實現超炫的散列畫廊特效
  • 參與學習       46089    人
  • 解答問題       225    個

實現更自由的切換照片的畫廊效果,打造超酷的切換動畫

進入課程

圓形效果實現

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號