国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

特漂亮的JS圖片排列旋轉效果代碼

2019-11-21 01:50:25

字體：大中小

來源：轉載

供稿：網友

了下代碼,感覺用數組模擬有些僵硬,自己重新寫了一個,請大家來pp!

<style type="text/css"> body{background:black} .point{position:absolute;height:75px;border:1px silver solid} #round{position:absolute;background:red;width:200px;height:200px;} </style> <script>     var r=200,dv=0.01,w=100,x=400;y=100,pn=8     var pi=3.1415926575,d=pi/2;     var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true     function window.onload(){         var o=document.getElementById("imground");         var arrimg=o.getElementsByTagName("img");         for (n=0;n<arrimg.length;n++){             arrimg[n].onmouseout=function(){smove=true;}             arrimg[n].onmouseover=function(){smove=false;}             arrimg[n].onmousedown=function(){dv=dv*2}         }         setInterval(roundMove,20);     }     function roundMove(){         for (n=1;n<=8;n++){             var o=document.getElementById("p"+n)             var ta=Math.sin(d+ed*n);             var strFilter;             if (ta<0)    o.style.left=Math.cos(d+ed*n-pd)*r+x;             else o.style.left=Math.cos(d+ed*n+pd)*r+x;             o.style.top=ta*10+10+y;             o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r;             o.style.zIndex=ta*10;             if (o.style.zIndex<0) strFilter="FlipH(enabled:true)"             else strFilter="FlipH(enabled:false)";             if (ta<0) ta=(ta+1)*80+20; else ta=100;             strFilter=strFilter+" alpha(opacity="+ta+")";             o.style.opacity=ta/100;             o.style.filter=strFilter;         }         if (smove) d=d+dv;     } </script> <div   class="iwvjtn8m0"   id="imground"> <img class="point" id="p1" src="http://files.VeVB.COm/upload/20071228115115772.jpg"/> <img class="point" id="p2" src="http://files.VeVB.COm/upload/20071228115115527.jpg"/> <img class="point" id="p3" src="http://files.VeVB.COm/upload/20071228115115831.jpg"/> <img class="point" id="p4" src="http://files.VeVB.COm/upload/20071228115115794.jpg"/> <img class="point" id="p5" src="http://files.VeVB.COm/upload/20071228115116920.jpg"/> <img class="point" id="p6" src="http://files.VeVB.COm/upload/20071228115115772.jpg"/> <img class="point" id="p7" src="http://files.VeVB.COm/upload/20071228115115527.jpg"/> <img class="point" id="p8" src="http://files.VeVB.COm/upload/20071228115115831.jpg"/> </div>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript下function聲明一些小結

下一篇：收集的幾個不錯的javascript類小例子

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：平度市| 兴城市| 宁夏| 定襄县| 财经| 江华| 通渭县| 墨江| 菏泽市| 潮州市| 义马市| 松原市| 江华| 正定县| 梅河口市| 揭西县| 康保县| 永济市| 西藏| 宜城市| 平原县| 远安县| 嘉义县| 苏州市| 礼泉县| 阿拉善盟| 潼关县| 包头市| 八宿县| 博客| 隆尧县| 元朗区| 武强县| 滁州市| 乾安县| 醴陵市| 涟源市| 衡水市| 烟台市| 清河县| 聂荣县|