JavaScript实现图片旋转构成3D圆环代码

最新推荐文章于 2024-09-14 10:18:17 发布

Linux????? Mr.Liyz

最新推荐文章于 2024-09-14 10:18:17 发布

阅读量485

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/webdm/archive/2011/09/02/2163404.html

利用JavaScript实现的3D图片展示效果，图片排列成圆环状并自动旋转，鼠标悬停时停止旋转，展示了JavaScript在动态效果上的强大能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码简介：

很炫的图片展示特效，由一组图片构成一个3D的圆环状，并自动旋转，鼠标放到某一图片上会自动停止，JavaScript 的功能真够强大，你是不是后悔没有学好JS呢？

代码内容：

View Code

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="www.w3.org/1999/xhtml" >
< head >
< title > JavaScript实现图片旋转构成3D圆环代码 - www.webdm.cn </ title >
< meta http-equiv ="content-Type" content ="text/html;charset=gb2312" >
< style type ="text/css" >
body { background : black ; color : white ; line-height : 29px ; }
span { border : 1px solid gray ; background : #333 ; padding : 4px ; font-weight : bold ; }
</ style >
< script language ="javascript" >
    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