图片旋转特效!

独舞千年

[ 本帖最后由 gaoss33 于 2008-6-8 22:10 编辑 ]

独舞千年

代码:

<DIV style=\"position:relative; top:0px; left:0px; width:500px; height:350px;overflow: hidden\">

<?import namespace = v urn = \"urn:schemas-microsoft-com:vml\" implementation = \"#default#VML\" declareNamespace />
<v:image id=wo style=\"POSITION: absolute; LEFT: 160px; TOP: 80px; WIDTH: 200px; HEIGHT: 200px;\" src = \"http://up1.googletounion.com/data/bbs/10/96/1096/a/VVV_kfvJqcav2Y2s.gif\" coordsize = \"21600,21600\">
</v:image>

<?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace />
<t:animate attributeName = \"rotation\" from = \"-360\" targetElement = \"wo\"\"to = \"0\" accelerate = \"0\" begin = \"0\" dur = \"16\" fill = \"hold\" repeatCount = \"indefinite\">
</t:animate>

</DIV>

制作方法:
1.必须用VML语言显示图片,见代码上半部分.

style=\"POSITION: absolute; LEFT: 160px; TOP: 80px; WIDTH: 200px; HEIGHT: 200px;\"调节图片大小和位置.
2.下半部分是旋转代码.from = \"-360\"旋转方向.dur = \"16\"旋转一次所需时间(秒),越大越慢.
3.id=wo和targetElement = \"wo\"必须一致.但一个叶面只能出现一次.要同时显示必须改变它的值wo. 只要两样写什么都可以.

[ 本帖最后由 gaoss33 于 2008-6-9 00:41 编辑 ]

闪鸟

不能去除以下代码~~用不了~~~ DIV style=\"position:relative; top:0px; left:0px; width:500px; height:350px;overflow: hidden\">

黎民百兴

这个不错，支持........

黎民百兴

[ 本帖最后由 黎民百兴 于 2008-6-7 20:11 编辑 ]

bakon

学习中

水流青山

[s:3] 很不错的效果，谢谢楼主分享

gaoss33

谢谢独舞千年将我的教程转过来.

幽幽雨

有图片缩小的吗,就是旋转慢慢变小至不见

醉冰冰

学习了。谢谢楼主分享！