js图片切换:JS旋转图片阵类

来源: 发布时间:星期四, 2008年12月25日浏览:319次评论:0

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; char<img src='/icons/53635set.gif' />=gb2312" /> 
<title>JS旋转图片阵效果 brought to you by 斩梦人.天天 qq:22062019</title> 
<style type="text/css"> 
body{background:black;color:white;font-family: Arial, Helvetica, sans-ser<img src='/icons/53635if.gif' />;font-size:16px;line-height:29px} 
span{border:1px solid gray;background:#333;padding:4px;font-weight:bold;} 
</style></head> 
<body> 
<span>使用思路方法</span>:
 
首先定义<img src='/icons/53635yi.gif' />个imgRound类:
 
<span>var rt = <img src='/icons/53635new.gif' /> imgRound("imgContainer", 120, 90, 500, 220, 230, 0.01)</span>
 
然后使用定时<img src='/icons/53635hanshu.gif' /><img src='/icons/53635diaoyong.gif' />imgRound例子<img src='/icons/53635de.gif' />roundMove思路方法:
 
<span><img src='/icons/53635set.gif' />Interval(function<img src='/icons/53635kh.gif' />{rt.roundMove<img src='/icons/53635kh.gif' />}, 20)</span>
 
 
 
<img src="http://www.crazycoder.cn/WebFiles/200812/04ff8505-5ab2-4d70-a090-934cc1dd7fe7.jpg"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/88307a18-3f3d-4e18-88d4-45d065962d2b.jpg"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/b35f4e71-90c4-4ff5-aebb-e0c1825dfa38.jpg"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/fd470b96-e330-4c7f-a5d3-c62fee9b05ae.jpg" link="http://www.baidu.com" target="_blank"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/899db4f4-53e3-4607-bbb6-4aff41d2ccfc.jpg" link="http://www.google.com"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/04ff8505-5ab2-4d70-a090-934cc1dd7fe7.jpg"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/88307a18-3f3d-4e18-88d4-45d065962d2b.jpg"/> 
<img src="http://www.crazycoder.cn/WebFiles/200812/b35f4e71-90c4-4ff5-aebb-e0c1825dfa38.jpg"/> 
<br/> 
参数介绍说明: initRound(id,w,h,x,y,r,dv,rh,ah);
 
id: 容器ID
 
w: 图片宽度
 
h: 图片高度
 
x: 圆心水平位置
 
y: 圆心垂直位置
 
r: 圆圈半径
 
dv: 旋转速度
 
rh: 垂直距离 (可选,默认为10)
 
ah: 旋转方向 (可选,1:顺时针,2:逆时针,默认为1)
 
<body></html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

标签：js图片滚动旋转距阵 js图片 js图片切换

下载文章的 PDF文档电子版离线看

顶一下

读者评论

共0条分0页

专注于互联网--专注于架构

首页 »Javascript教程 » js图片切换:JS旋转图片阵类 »正文

js图片切换:JS旋转图片阵类

相关文章

读者评论

发表评论

热门标签

精华推荐

Dig排行

阅读排行

评论排行