Question

如何实现在html+css做的风扇，实现做出js风扇有转动效果？求代码或单词提供参考。十万火急！！！

如何实现在html+css做的风扇，实现做出js风扇有转动效果？需要分别有按钮事件可以操作风扇能转能停，按的时候按1档到3档的灯定住。请问大神们该怎么实现效果？求代码或单词提供参考。十万火急！！！
按ON的时候风扇会转，根据1档到3档，由慢不断转快像真一样，按OFF的时候就停止，请问在js怎么实现效果？结合html+css怎么做呢？(同以上的问题)，思路很混乱，希望可以给到代码提示





Answer 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毫秒（旋转最慢）。具体数值要看最终效果而定。
希望有用。