摘要: 要用javascritp控制图片的旋转是一件非常困难的事情,大段的代码,非常头痛。但是,有一种的好东西叫做CSS3。 CSS3里面有个属性叫做transform,他有一个属性叫rotate(xdeg). 也出来就是transform: rotate(xdeg). 当然大家写的时候要写上兼容头.比如sar和chorm就该写-webkit-transform:rotate(xdeg); (x代表想要旋转的角度); 这样当对象加上类如mouseover 或 click 事件时, 该对象会顺时针旋转x度; 这样的效果视乎并不好,因为他是瞬间的,我们得要让他缓动的过渡起来! 于是.... transi. 阅读全文
posted @ 2013-06-23 11:08 不羁的风、 阅读(3109) 评论(0) 推荐(0) 编辑
摘要: 今天从图书馆回寝室的路上,突然灵感迸发,想做一个旋转图(2D),于是就有了下文。 首先说一下思路吧, 我觉得做程序最重要的就是思路了,思路对了,代码那就是手到拈来。-_-! 1、 CSS布局: 我采用了4长图片,在CSS设置里,他并不是绝对定位。 2、采用布局转换:在javascript中设置img的position:absolute,同时加上他们的left和top; 3、当点击按钮开始时,开始进行旋转。 4、旋转时的逻辑是,由当前图片的索引,运动到下一张图片的索引位置。 特别注意的是: 最后一张应该运到到第一张的位置,也就是aImg[0]的位置. 5、还有一点也很重要。 那就... 阅读全文
posted @ 2013-06-22 15:47 不羁的风、 阅读(714) 评论(0) 推荐(0) 编辑