乌哈旅游

搜索

您的当前位置：首页特漂亮的JS图片排列旋转效果代码_图象特效

特漂亮的JS图片排列旋转效果代码_图象特效

时间：2020-11-27 来源：乌哈旅游

了下代码,感觉用数组模拟有些僵硬,自己重新写了一个,请大家来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 
 
<img class="point" id="p1" src="http://files.jb51.net/upload/20071228115115772.jpg"/> 
<img class="point" id="p2" src="http://files.jb51.net/upload/20071228115115527.jpg"/> 
<img class="point" id="p3" src="http://files.jb51.net/upload/20071228115115831.jpg"/> 
<img class="point" id="p4" src="http://files.jb51.net/upload/20071228115115794.jpg"/> 
<img class="point" id="p5" src="http://files.jb51.net/upload/20071228115116920.jpg"/> 
<img class="point" id="p6" src="http://files.jb51.net/upload/20071228115115772.jpg"/> 
<img class="point" id="p7" src="http://files.jb51.net/upload/20071228115115527.jpg"/> 
<img class="point" id="p8" src="http://files.jb51.net/upload/20071228115115831.jpg"/>

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

Top