JS旋转图片阵效果 brought to you by 斩梦人.天天 qq:22062019 body{background:black;color:white;font-family: Arial, Helvetica, sans-serif;font-size:16px;line-height:29px} span{border:1px solid gray;background:#333;padding:4px;font-weight:bold;} 使用方法: 首先定义一个imgRound类: var rt = new imgRound("imgContainer", 120, 90, 500, 220, 230, 0.01) 然后使用定时函数调用imgRound实例的roundMove方法: setInterval(function(){rt.roundMove()}, 20) window.onload=function(){ var rt=new imgRound("imgContainer",120,90,300,80,230,0.01); setInterval(function(){rt.roundMove()},20) } function imgRound(id,w,h,x,y,r,dv,rh,ah){ if (ah==undefined) ah=1; if (rh==undefined) rh=10; var dv=dv*ah; //旋转速度 var pi=3.1415926575; var d=pi/2; var pd=Math.asin(w/2/r); var smove=true; var imgArr=new Array(); var objectId=id; var o=document.getElementById(objectId); o.style.position="relative"; var arrimg=o.getElementsByTagName("img"); var pn=arrimg.length; //图片数量 var ed=pi*2/pn; for (n=0;n 参数说明: initRound(id,w,h,x,y,r,dv,rh,ah); id: 容器ID w: 图片宽度 h: 图片高度 x: 圆心水平位置 y: 圆心垂直位置 r: 圆圈半径 dv: 旋转速度 rh: 垂直距离 (可选,默认为10) ah: 旋转方向 (可选,1:顺时针,2:逆时针,默认为1) [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　jQuery弹出层插件简化版代码第1/2页

复制代码 代码如下:String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - New Wave Javascript * * Copyright (c) 2008 King Wong>>>详细阅读

本文标题：JS旋转图片阵类

地址：http://www.17bianji.com/kaifa2/JS/29347.html

 1/2    1