楼主: 婷儿

[原创教程] 代码特效教程之十一 【移动特效+变换特效】

[复制链接]

0

主题

101

帖子

0

精华

注册会员

Rank: 2

积分
103
金钱
103
存款
0
发表于 2010-7-15 12:53 | 显示全部楼层
学习来了.谢谢.谢谢无私的奉献

11

主题

83

帖子

0

精华

注册会员

Rank: 2

积分
95
金钱
95
存款
0
发表于 2010-7-15 15:40 | 显示全部楼层
学习来了.谢谢.谢谢无私的奉献

11

主题

83

帖子

0

精华

注册会员

Rank: 2

积分
95
金钱
95
存款
0
发表于 2010-7-15 15:44 | 显示全部楼层
学习来了.谢谢.谢谢无私的奉献

11

主题

83

帖子

0

精华

注册会员

Rank: 2

积分
95
金钱
95
存款
0
发表于 2010-7-15 15:46 | 显示全部楼层
最喜欢这个移动特效,喜欢梅、兰、竹、

11

主题

83

帖子

0

精华

注册会员

Rank: 2

积分
95
金钱
95
存款
0
发表于 2010-7-15 15:47 | 显示全部楼层
  1. <HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
  2. "urn:schemas-microsoft-com:time"><HEAD><TITLE>【婷儿答谢帖】音画情</TITLE>
  3. <META http-equiv=Content-Type content="text/html; charset=gb2312">
  4. <META http-equiv=Content-Style-Type content=text/css>
  5. <META content="MSHTML 6.00.2800.1561" name=GENERATOR>
  6. <META http-equiv=imagetoolbar content=no>
  7. <STYLE>.time {
  8. BEHAVIOR: url(#default#time2)
  9. }
  10. t\:* {
  11. BEHAVIOR: url(#default#time2)
  12. }
  13. v\:* {
  14. BEHAVIOR: url(#default#VML)
  15. }
  16. </STYLE>
  17. </HEAD>

  18. <BODY id=body1 bgColor=#000000 background=bj.jpg scroll=no>

  19. <IMG src="d3.jpg" style="position:absolute; LEFT:0; top:0;" width="1000" height="570">


  20. <?import namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" declareNamespace/>
  21. <t:SEQ repeatCount="indefinite">

  22. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=11.jpg dur="10" fill="transition" timeContainer="par">
  23. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Strips(motion='rightdown')" dur="5">

  24. </t:TRANSITIONFILTER>
  25. </t:MEDIA>
  26. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=12.jpg dur="10" fill="transition" timeContainer="par">
  27. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Zigzag(sProperties)" dur="5">

  28. </t:TRANSITIONFILTER>
  29. </t:MEDIA>
  30. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=13.jpg dur="10" fill="transition" timeContainer="par">
  31. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Blinds(sProperties)" dur="5">

  32. </t:TRANSITIONFILTER>
  33. </t:MEDIA>
  34. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=14.jpg dur="10" fill="transition" timeContainer="par">
  35. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.GradientWipe(sProperties)" dur="5">

  36. </t:TRANSITIONFILTER>
  37. </t:MEDIA>
  38. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=15.jpg dur="10" fill="transition" timeContainer="par">
  39. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Pixelate(sProperties)" dur="5">

  40. </t:TRANSITIONFILTER>
  41. </t:MEDIA>
  42. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=16.jpg dur="10" fill="transition" timeContainer="par">
  43. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.RandomBars(sProperties)" dur="5">

  44. </t:TRANSITIONFILTER>
  45. </t:MEDIA>
  46. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=17.jpg dur="10" fill="transition" timeContainer="par">
  47. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Spiral(SProperties)" dur="5">

  48. </t:TRANSITIONFILTER>
  49. </t:MEDIA>
  50. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=13.jpg dur="10" fill="transition" timeContainer="par">
  51. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Zigzag(sProperties)" dur="5">

  52. </t:TRANSITIONFILTER>
  53. </t:MEDIA>
  54. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=11.jpg dur="10" fill="transition" timeContainer="par">
  55. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Zigzag(sProperties)" dur="5">

  56. </t:TRANSITIONFILTER>
  57. </t:MEDIA>
  58. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=14.jpg dur="10" fill="transition" timeContainer="par">
  59. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Blinds(sProperties)" dur="5">

  60. </t:TRANSITIONFILTER>
  61. </t:MEDIA>
  62. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=17.jpg dur="10" fill="transition" timeContainer="par">
  63. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.GradientWipe(sProperties)" dur="5">

  64. </t:TRANSITIONFILTER>
  65. </t:MEDIA>
  66. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=12.jpg dur="10" fill="transition" timeContainer="par">
  67. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Pixelate(sProperties)" dur="5">

  68. </t:TRANSITIONFILTER>
  69. </t:MEDIA>
  70. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=16.jpg dur="10" fill="transition" timeContainer="par">
  71. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.RandomBars(sProperties)" dur="5">

  72. </t:TRANSITIONFILTER>
  73. </t:MEDIA>
  74. <t:MEDIA style="FILTER: alpha;LEFT:100;TOP:85;WIDTH:800; POSITION: absolute;HEIGHT:400" src=15.jpg dur="10" fill="transition" timeContainer="par">
  75. <t:TRANSITIONFILTER from="0" to="1" type="progid:DXImageTransform.Microsoft.Spiral(SProperties)" dur="5">


  76. </t:TRANSITIONFILTER>
  77. </t:MEDIA>

  78. </t:SEQ>

  79. <img class=time id="03" src="c2.jpg" style="width:500; height:570; position:absolute; LEFT:0; top:0; " begin="0">
  80. <t:animateMotion id="am1" targetElement="03" from="0,0" to="-469,0" begin="25" dur="15" autoreverse="1" repeatcount="1" fill="hold" />

  81. <img class=time id="04" src="c1.jpg" style="width:500; height:570; position:absolute; left:500; top:0; " begin="0">
  82. <t:animateMotion id="am1" targetElement="04" from="0,0" to="469,0" begin="25" dur="15" autoreverse="1" repeatcount="1" fill="hold" />

  83. <img class=time id="01" src="f1.jpg" style="WIDTH:1000; height:285; position:absolute; LEFT:0; top:0; " begin="0">
  84. <t:animateMotion id="am1" targetElement="01" from="0,0" to="0,-285" begin="10" dur="10" autoreverse="1" repeatcount="1" fill="hold" />

  85. <img class=time id="02" src="f2.jpg" style="WIDTH:1000; height:285; position:absolute; LEFT:0; top:285; " begin="0">
  86. <t:animateMotion id="am1" targetElement="02" from="0,0" to="0,285" begin="10" dur="10" autoreverse="1" repeatcount="1" fill="hold" />

  87. <t:transitionFilter id="Stretch1" targetElement="05" type="progid:DXImageTransform.Microsoft.RandomBars(sProperties)" mode="IN" begin="16" dur="1" autoreverse="false" repeatcount="1" />

  88. <EMBED width=0 height=0 type=video/x-ms-asf loop="true" autostart="true" volume="0" src="1.mp3"></EMBED>

  89. <DIV
  90. style="FONT-SIZE: 3pt; Z-INDEX: 1; LEFT: 690px; COLOR: #262622; BOTTOM: 53px; POSITION: absolute">
  91. <A href="http://image.hnol.net/200504/tydz/2009/200912/yhq1/yhq.html" target=_blank><FONT face="宋体" color=#ffffff size=2>点击进入下一页</FONT></A></DIV>

  92. </body>

  93. </html>
复制代码

22

主题

613

帖子

9

精华

高级会员

Rank: 4

积分
738
QQ
金钱
821
存款
0
发表于 2010-7-15 17:18 | 显示全部楼层
学习代码来了,谢谢

52

主题

259

帖子

2

精华

注册会员

Rank: 2

积分
435
QQ
金钱
860
存款
0
发表于 2010-7-15 21:41 | 显示全部楼层
xiao效果好厉害,喜欢呢

                       烦恼少一点,快乐多一点,开心过好每一天~~~

0

主题

43

帖子

0

精华

注册会员

Rank: 2

积分
50
金钱
50
存款
0
发表于 2010-7-15 22:38 | 显示全部楼层
代码一点也不会,学习,学习。谢谢!

0

主题

157

帖子

0

精华

注册会员

Rank: 2

积分
146
金钱
137
存款
0
发表于 2010-7-17 12:41 | 显示全部楼层
迟到的祝福,祝老师永远快乐

0

主题

276

帖子

0

精华

注册会员

Rank: 2

积分
292
金钱
127
存款
0
发表于 2010-7-17 16:21 | 显示全部楼层
学习来了.谢谢 。。。。。。。。。。。。。。。。。。
guest
welcomelogin
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表