圖片旋轉特效!

獨舞千年

[ 本帖最后由 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

謝謝獨舞千年將我的教程轉過來.

幽幽雨

有圖片縮小的嗎,就是旋轉慢慢變小至不見

醉冰冰

學習了。謝謝樓主分享！