当前位置：Gxlcms > JavaScript > 特漂亮的JS图片排列旋转效果代码_图象特效

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

时间：2021-07-01 10:21:17 帮助过：45人阅读

了下代码,感觉用数组模拟有些僵硬,自己重新写了一个,请大家来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 
<div id="imground"> 
<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"/> 
</div>

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

人气教程排行