|登录 |注册

JBTALKS.CC»论坛 › JBTALKS FORUMS › 【电脑世界】 › 网页编程 › 让网页图片像风火轮般转动

12 / 2 页下一页

发新帖

查看: 3287|回复: 11

上一主题

下一主题

让网页图片像风火轮般转动

FallenAngelz

2010-3-29 10:27 PM

怎样才能让网页图片元素像上图般不停地转动？
这是利用JavaScript的功能来实现的。
首先，到图片搜索去找任何图片。
然后将以下代码贴在浏览器的地址栏中：

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

复制代码

kenchy

2010-3-30 04:10 PM

可惜不能用在部落格~><

提示: 作者被禁止或删除内容自动屏蔽

FallenAngelz

2010-4-12 10:59 AM

厉害~~那个script是你自己写的吗@@？？？
KenjixSin 发表于 2010-4-12 01:36 AM

不是我写的，转贴
不过大多高手都会吧。

Dhilip89

2010-4-12 02:43 PM

本帖最后由 Dhilip89 于 2010-4-12 02:48 PM 编辑

我已经对那个JS做了一些改变，可以放在任何网页里面用了:

<script type="text/javascript">
var R = 0,
x1 = 0.1,
y1 = 0.05,
x2 = 0.25,
y2 = 0.24,
x3 = 1.6,
y3 = 0.24,
x4 = 300,
y4 = 200,
x5 = 300,
y5 = 200;
var objImg, objImgLen;
function initRotate() {
objImg = document.getElementsByTagName("img");
objImgLen = objImg.length;
setInterval('rotateImgs()',5);
}
function rotateImgs() {
for(i = 0; i - objImgLen; i++) {
objImgs = objImg[i].style;
objImgs.position = 'absolute';
objImgs.left = (Math.sin(R * x1 + i * x2 + x3) * x4 + x5) + 'px';
objImgs.top = (Math.cos(R * y1 + i * y2 + y3) * y4 + y5) + 'px';
}
R++;
}
</script>

复制代码

要调用时用这个:

<body onload="initRotate();">

复制代码

提示: 作者被禁止或删除内容自动屏蔽

Dhilip89

2010-4-12 05:52 PM

强~~你是拿art of science Internet technology的吗？
KenjixSin 发表于 2010-4-12 04:24 PM

不是，我目前在TARC读Certificate in Computer Science (Level 4)

提示: 作者被禁止或删除内容自动屏蔽

Dhilip89

2010-4-12 07:53 PM

回复 8# KenjixSin

呵呵~你打算去哪一间分院读？

提示: 作者被禁止或删除内容自动屏蔽

12 / 2 页下一页

发新帖

JBTALKS.CC |联系我们 |隐私政策 |Share

GMT+8, 2026-1-2 12:39 AM , Processed in 0.096915 second(s), 25 queries .

Powered by Discuz! X2.5 © 2001-2012 Comsenz Inc.

本论坛言论纯属发表者个人意见，与本论坛立场无关
Copyright © 2003-2012 JBTALKS.CC All Rights Reserved

Dedicated Server powered by iCore Technology Sdn. Bhd.

合作联盟网站:
JBTALKS 马来西亚中文论坛 | JBTALKS我的空间 | ICORE TECHNOLOGY SDN. BHD.

回顶部