独舞千年 发表于 2008-6-6 23:37

图片旋转特效!

<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: 90px; 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>

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

独舞千年 发表于 2008-6-6 23:42

回复 1# 的帖子

<P>代码: <BR><BR>&lt;DIV style=\"position:relative; top:0px; left:0px; width:500px; height:350px;overflow: hidden\"&gt; <BR><BR>&lt;?import namespace = v urn = \"urn:schemas-microsoft-com:vml\" implementation = \"#default#VML\" declareNamespace /&gt; <BR>&lt;v:image <FONT color=darkorange>id=wo</FONT> 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\"&gt; <BR>&lt;/v:image&gt; <BR><BR>&lt;?import namespace = t urn = \"urn:schemas-microsoft-com:time\" implementation = \"#default#time2\" declareNamespace /&gt; <BR>&lt;t:animate attributeName = \"rotation\" from = \"-360\" <FONT color=yellow><FONT color=darkorange>targetElement = \"wo\"</FONT>\"</FONT>to = \"0\" accelerate = \"0\" begin = \"0\" dur = \"16\" fill = \"hold\" repeatCount = \"indefinite\"&gt; <BR>&lt;/t:animate&gt; <BR><BR>&lt;/DIV&gt; <BR><BR>制作方法: <BR>1.必须用VML语言显示图片,见代码上半部分.</P>
<P>style=\"POSITION: absolute; LEFT: 160px; TOP: 80px; WIDTH: 200px; HEIGHT: 200px;\"调节图片大小和位置. <BR>2.下半部分是旋转代码.from = \"-360\"旋转方向.dur = \"16\"旋转一次所需时间(秒),越大越慢. <BR>3.<FONT color=darkorange>id=wo</FONT>和<FONT color=darkorange>targetElement = \"wo\"</FONT>必须一致.但一个叶面只能出现一次.要同时显示必须改变它的值wo. 只要两样写什么都可以.<BR><BR></P>

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

闪鸟 发表于 2008-6-7 00:43

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

黎民百兴 发表于 2008-6-7 20:03

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

黎民百兴 发表于 2008-6-7 20:09



<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=lwo style=\"POSITION: absolute; LEFT: 160px; TOP: 80px; WIDTH: 200px; HEIGHT: 50px;\" src = \"http://www.yinhuabbs.cn/attachments/month_0806/20080607_9760724b737df7fa3c3aocVmNOKtxljx.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 = \"lwo\" to = \"0\" accelerate = \"0\" begin = \"0\" dur = \"2\" fill = \"hold\" repeatCount = \"indefinite\">
</t:animate> </DIV>

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

bakon 发表于 2008-6-8 00:23

学习中

水流青山 发表于 2008-6-8 20:28

很不错的效果，谢谢楼主分享

gaoss33 发表于 2008-6-8 22:05

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

幽幽雨 发表于 2008-6-11 22:29

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

醉冰冰 发表于 2008-6-12 10:01

学习了。谢谢楼主分享！
页: [1] 2 3 4 5 6
查看完整版本: 图片旋转特效!