选择您要替换的背景颜色：

【农历新年】背景图片：

个性化设定

重要公告 | 新山论坛 | 柔佛论坛 | 地方州属 | 论坛综合 | 交友灌水 | 论坛特区 | 时事论坛 | 生活家居 | 闲情逸志 | 年轻男女 | 生活点滴 | 影视娱乐 | 影视娱乐 | 谈婚论嫁
个人创作 | 图片分享 | 摄影天地 | 漫画论坛 | 数码城市 | 电脑综合 | 电玩世界 | 网络游戏 | 手机平板 | 汽车论坛 | 体育世界 | 大专论坛 | 中学论坛 | 宽柔中学 | 旅游享乐
校园论坛 | 网络商店 | 分类广告 | 买卖中心 | 买卖中心 | 最新主题 | 我的帖子 | 论坛设施 | 收藏本站 | 理财投资 | 社会团体 | 中文输入 | 搜索网站 | 网络资讯 | 网络报章

快捷导航

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

12 / 2 页下一页

发新帖

查看: 2862|回复: 11

上一主题

下一主题

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

119 主题	19 好友	1万积分

Rank: 15

发消息

电梯直达

跳转到指定楼层

1^#

发表于 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);

复制代码

风火轮 , 网页

收藏0

相关帖子

回复

使用道具举报

52 主题	136 好友	2058 积分

Rank: 10

发消息

2^#

发表于 2010-3-30 04:10 PM |只看该作者

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

回复

使用道具举报

头像被屏蔽

13 主题	0 好友	73 积分

发消息

3^#

发表于 2010-4-12 01:36 AM |只看该作者

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

回复

使用道具举报

119 主题	19 好友	1万积分

Rank: 15

发消息

4^#

发表于 2010-4-12 10:59 AM |只看该作者

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

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

回复

使用道具举报

3 主题	0 好友	2953 积分

Rank: 10

发消息

5^#

发表于 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();">

复制代码

回复

使用道具举报

头像被屏蔽

13 主题	0 好友	73 积分

发消息

6^#

发表于 2010-4-12 04:24 PM |只看该作者

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

回复

使用道具举报

3 主题	0 好友	2953 积分

Rank: 10

发消息

7^#

发表于 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)

回复

使用道具举报

头像被屏蔽

13 主题	0 好友	73 积分

发消息

8^#

发表于 2010-4-12 07:48 PM |只看该作者

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

回复

使用道具举报

3 主题	0 好友	2953 积分

Rank: 10

发消息

9^#

发表于 2010-4-12 07:53 PM |只看该作者

回复 8# KenjixSin

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

回复

使用道具举报

头像被屏蔽

13 主题	0 好友	73 积分

发消息

10^#

发表于 2010-4-13 01:55 AM |只看该作者

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

回复

使用道具举报

12 / 2 页下一页

发新帖

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

GMT+8, 2024-6-26 06:51 PM , Processed in 0.108029 second(s), 26 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

Ultra High-performance Dedicated Server powered by iCore Technology Sdn. Bhd.
Domain Registration | Web Hosting | Email Hosting | Forum Hosting | ECShop Hosting | Dedicated Server | Colocation Services

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

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

回顶部