網路城邦▼
上一篇 回創作列表 下一篇 　 字體：小 中 大
vml語法轉換類型代碼 瀏覽320｜回應3｜推薦21
2008/04/06 22:13:15

感謝 星. 無私的分享

星. 的vml作品示範→VML語法 ---圖片變化

轉換類型代碼                                                                          效果

01．barWipe
02．slideWipe
03．pushWipe
04．fade
05．progid:DXImageTransform.Microsoft.Barn(orientation=horizontal motion=in)
06．progid:DXImageTransform.Microsoft.Barn(orientation=horizontal)
07．progid:DXImageTransform.Microsoft.Barn(orientation=vertical motion=in)
08．progid:DXImageTransform.Microsoft.Barn(orientation=vertical)
　　barnDoorWipe
09．progid:DXImageTransform.Microsoft.Blinds(sProperties)
10．progid:DXImageTransform.Microsoft.CheckerBoard(direction=down, squaresX=20, squaresY=20)		從左向右拉開
從右向左拉開
從右向左推動
漸隱漸顯
從上下向中間合併
從中間向上下拉開
從左右向中間合併
從中間向左右拉開
同上
百葉窗
棋格顯示，向下拉開
11．progid:DXImageTransform.Microsoft.CheckerBoard(direction=left, squaresX=20, squaresY=20)
12．progid:DXImageTransform.Microsoft.CheckerBoard(direction=right, squaresX=20, squaresY=20)
13．progid:DXImageTransform.Microsoft.CheckerBoard(direction=up, squaresX=20, squaresY=20)
14．progid:DXImageTransform.Microsoft.Inset()
15．progid:DXImageTransform.Microsoft.Iris(IrisStyle=circle)
　　ellipseWipe
16．progid:DXImageTransform.Microsoft.Iris(IrisStyle=cross)
17．progid:DXImageTransform.Microsoft.Iris(IrisStyle=diamond)
18．progid:DXImageTransform.Microsoft.Iris(IrisStyle=plus)
　　progid:DXImageTransform.Microsoft.Iris(sProperties)
19．progid:DXImageTransform.Microsoft.Iris(IrisStyle=square)
　　irisWipe
20．progid:DXImageTransform.Microsoft.Iris(IrisStyle=star)		棋格顯示，向左邊拉開
棋格顯示，向右邊拉開
棋格顯示，向上拉開
矩形從左上角向右下角拉開
正中小圓向外擴大
同上
正中間X形向外擴大
正中菱形向外擴大
正中十字形向外擴大
同上
正中矩形逐漸擴大
同上
正中星形向外擴大
21．progid:DXImageTransform.Microsoft.GradientWipe(sProperties)
22．progid:DXImageTransform.Microsoft.Pixelate(sProperties)
23．progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=clock)
　　ClockWipe
24．progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=radial)
25．progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=wedge)
　　fanwipe
26．progid:DXImageTransform.Microsoft.RandomBars(sProperties)
27．progid:DXImageTransform.Microsoft.RandomDissolve()
28．progid:DXImageTransform.Microsoft.Slide(bands=10, SlideStyle=hide)
29．progid:DXImageTransform.Microsoft.Slide(bands=10, SlideStyle=push)
30．progid:DXImageTransform.Microsoft.Slide(bands=10, SlideStyle=swap)		從左向右邊緣模糊推進
馬賽克漸顯
從中間像鐘錶一樣展開
同上
從左上角像鐘錶一樣展開
扇形展開
同上
橫向格線顯示
流沙漸顯
交錯展開
交錯合併
交錯並晃動
31．progid:DXImageTransform.Microsoft.Spiral(SProperties)
32．spiralWipe
33．progid:DXImageTransform.Microsoft.Stretch(stretchstyle=push)
34．progid:DXImageTransform.Microsoft.Stretch(StretchStyle=spin)
35．progid:DXImageTransform.Microsoft.Strips(motion=leftdown)
36．progid:DXImageTransform.Microsoft.Strips(motion=leftup)
37．progid:DXImageTransform.Microsoft.Strips(motion=rightdown)
38．progid:DXImageTransform.Microsoft.Strips(motion=rightup)
39．progid:DXImageTransform.Microsoft.Wheel(spokes=8)
40．progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=0, motion=forward)		從四周向中間收縮
從四周向中間等距收縮（螺旋形收縮）
從左向右拉伸
從中向左右拉伸
向左下角斜紋推進
向左上角斜紋推進
向右下角斜紋推進
向右上角斜紋推進
風車形展開
從左向右模糊拂過
41．progid:DXImageTransform.Microsoft.Wipe(GradientSize=.50, wipeStyle=1, motion=forward)
42．progid:DXImageTransform.Microsoft.Zigzag(sProperties)
43．snakeWipe

從上向下模糊拂過
從上至下逐行顯示
蛇形展開

引用文章轉換類型代碼表 





說明


粉紅字部分是相片網址


綠色字是圖片特效語法


如果需要更多張相片的變化，就複製其中一段語法，從<t:MEDIA
style..到</t:MEDIA>，繼續往下貼，只需把圖片網址改一改，語法從這一覽表裏挑選，再把整段語法複製起來貼到文章發表區即可看到變化。



貼語法時，先將內文區的右上角<>這個符號點一下再貼整段語法，按確定發表就可以看到變化了。


　






　

<TABLE bgcolor="#000000"><TR><TD>

<DIV style="LEFT: 0px; TOP: 0px; POSITION: relative; OVERFLOW:
hidden; width:500px; height:353">

<?import namespace=t urn="urn:schemas-microsoft-com:time"
implementation="#default#time2" declareNamespace>

<t:SEQ repeatCount="indefinite">

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px;
POSITION: absolute; TOP: 0px" src="http://alice2343631.googlepages.com/a32.jpg"
dur="5" fill="transition" timeContainer="par"><t:TRANSITIONFILTER
from="0" to="1" type="progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=wedge)"
dur="2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px;
POSITION: absolute; TOP: 0px" src="http://alice2343631.googlepages.com/a43.jpg"
dur="5" fill="transition" timeContainer="par"><t:TRANSITIONFILTER
from="0" to="1" type="progid:DXImageTransform.Microsoft.Iris(IrisStyle=circle)"
dur="2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px;
POSITION: absolute; TOP: 0px" src="http://alice2343631.googlepages.com/a45.jpg"
dur="5" fill="transition" timeContainer="par"><t:TRANSITIONFILTER
from="0" to="1" type="progid:DXImageTransform.Microsoft.CheckerBoard(direction=left,
squaresX=20, squaresY=20)" dur="2"></t:TRANSITIONFILTER></t:MEDIA>

<t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 500px;
POSITION: absolute; TOP: 0px" src="http://alice2343631.googlepages.com/a51.jpg"
dur="5" fill="transition" timeContainer="par"><t:TRANSITIONFILTER
from="0" to="1" type="snakeWipe"
dur="2"></t:TRANSITIONFILTER></t:MEDIA>





</t:SEQ></DIV></TD></TR></TABLE>


　

　


如下圖看效果
( 網路資訊｜網頁設計 )
回應 轉寄 列印 加入我的文摘
上一篇 回創作列表 下一篇 　

引用
引用網址：http://blog.udn.com/article/trackback.jsp?uid=alice2343&aid=1759781

　回應文章

尋陽
等級：6
留言｜加入好友
感激不盡
2008/04/08 04:05
你真是好用心
瀟湘娘子(alice2343) 於 2008-04-08 05:25 回覆：

應該說要感謝星.才是

心靈的空間
等級：6
留言｜加入好友
同樣問題
2008/04/07 19:12

嗯~

我也有同樣的問題啦?
瀟湘娘子(alice2343) 於 2008-04-08 05:27 回覆：
複製語法直接貼到文章發表區，就可以看到圖片表演效果了。

尋陽
等級：6
留言｜加入好友
請問
2008/04/07 01:33
這個用在哪裡啊
瀟湘娘子(alice2343) 於 2008-04-07 23:05 回覆：
複製語法直接貼到文章發表區，就可以看到圖片表演效果了。