急!!js css ie8让元素自转10度

JavaScript021

急!!js css ie8让元素自转10度,第1张

IE用滤镜就可以啦:

加上这句:

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=i)

其中i取0,1,2,3,分别代表旋转90度、180度、270度、360度

如果是其它角度,你可以看看这篇文章:

http://zywhunter.blog.163.com/blog/static/6465994120121164913173/

因为滤镜还有设置旋转点,所以比较复杂。

// max - 期望的最大值

var randomNum = Math.floor(Math.random()*max)+1

这样就能随机到你所期望的最大值到1之间的随机数;你再根据取到的数值去做图片的对应关系。转动要看你是要什么样的效果用动画做一个,很简单

您好,您的问题实现起来并不复杂。我说一下思路吧。

1)按钮问题:例如小灯,你要准备两套图片,一套灰色的灯代表关闭,另一套黄色的灯代表打开。当点击小灯后,利用JS代码把灰灯图片替换成黄灯图片。OFF和ON按钮处理方法相同。当然,要先点击ON后小灯才能被点亮,这与现实生活中的风扇一样,OFF时小灯是不能被点亮的。

2)风扇旋转问题:CSS3有新功能:object.style.transform="rotate(10deg)" ,表示将这个元素旋转10度。要让风扇转起来,你要做两件事:1是准备一张风扇的图片;2当按下ON按钮后启动定时器SetInterva,每隔一定时间就用上述旋转命令转动风扇图片。时间越短转得越快。当选择不同的速度时,修改不同的的定时器定时参数。比如1档时间为100毫秒(旋转最快),2档200毫秒,3档300毫秒(旋转最慢)。具体数值要看最终效果而定。

希望有用。