|
|
|
<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=.FF0000)" direction="up" height="390" width="600" scrollamount="2" scrolldelay="65"><center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_5366314_1.gif" /></center></marquee>
<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=.FF0000)" direction="down" height="390" width="600" scrollamount="2" scrolldelay="65"><center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_5369146_1.gif" /></center></marquee>
|
測試-一邊成直式文字的效果
|
|
推薦4 |
|
|
語法 <div id="0" style="position:relative;top:0px;left:0px;width:612px;height:412px;border:6px double black;background-image:url('http://album.udn.com/community/img/PSN_PHOTO/kisc0919/f_4473192_1.jpg');overflow:hidde"> <div id="1" style="position:absolute;top:0px;left:-100px;width:600px;height:400px;overflow:hidde"><table border=0" width="600" height="400" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td width="600" height="400" style="FILTER: wave(add=8,phase=0,freq=1,strength=50,color=FFFFFF)" valign="top"><marquee direction="up" scrollamount="2"><font style="filter:glow(color=000000,strength=3);width:100%;padding:10px;font-family:'標楷體';color:#FFFFFF;font-size:30pt;font-weight:60;line-height:400%"><p style="padding-top:40px;writing-mode:tb-rl;">星 祝福您</font></marquee></td></tr></tbody></table></div> <div id="2" style="position:absolute;top:200px;left:0px;width:600px;height:400px"><table border=0" width="600" height="400" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td width="600" height="400" style="FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FF0000)" valign="top"><marquee style="Filter:flipV" direction="up" scrollamount="2"><img style="top:0px;left:0px;width:800px;height:500px;filter:alpha(opacity=40,finishopacity=100,style=1);" src="http://album.udn.com/community/img/PSN_PHOTO/kisc0919/f_4739510_1.jpg" /></marquee></td></tr></tbody></table></div> </div>
|
|
|
語法 <div id="0" style="position:relative;top:0px;left:0px;width:612px;height:412px;border:6px double black;background-image:url('http://album.udn.com/community/img/PSN_PHOTO/kisc0919/f_4473192_1.jpg');overflow:hidde"> <div id="1" style="position:absolute;top:0px;left:0px;width:600px;height:400px;overflow:hidde"><table border=0" width="600" height="400" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td width="600" height="400" style="FILTER: wave(add=8,phase=0,freq=1,strength=35,color=000000)" valign="top"><marquee direction="down" scrollamount="2"><img style="top:0px;right:0px;width:800px;height:500px;filter:alpha(opacity=40,finishopacity=100,style=1);" src="http://album.udn.com/community/img/PSN_PHOTO/kisc0919/f_4739510_1.jpg" /></marquee></td></tr></tbody></table></div> <div id="2" style="position:absolute;top:200px;left:0px;width:600px;height:400px"><table border=0" width="600" height="400" cellspacing="0" cellpadding="0" align="center"><tr><td width="600" height="400" style="FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FFFFFF)" valign="top"><marquee style="Filter:flipV" direction="down" scrollamount="2"><img style="top:0px;left:0px;width:800px;height:500px;filter:alpha(opacity=40,finishopacity=100,style=1);" src="http://album.udn.com/community/img/PSN_PHOTO/kisc0919/f_4739510_1.jpg" /></marquee></td></tr></tbody></table></div> </div>
|
|
|
平安大哥 晚安 請問............ 是否可讓整個圖呈S形的波動 可底圖是回定的不要縮減 亦即原地擺動
|
|
|
語法:
<div id="pa" style="position:relative;top:0px;left:0px;width:612px;height:412px;border:6px double #38070E;background-color:#38070E;overflow:hidde">
<style type="text/css"><!-- .time {BEHAVIOR: url(#default#time2)} //--></style><?import namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" declareNamespace />
<div id="pb" style="position:absolute;top:0px;left:0px;width:600px;height:200px;overflow:hidden" class="time" begin="0"><span id="bd" style="position:absolute;top:0px;left:0px;width:600px;height:400px;FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FF0000)" class="time" begin="0"><img id="p1" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:0px;left:0px;width:600px;height:400px;" class="time" begin="0" end="20" /><img id="p2" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:200px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="10" /><img id="p3" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:400px;left:0px;width:600px;height:400px;" class="time" begin="20" /></span></div>
<t:animateMotion id="bdm11" targetElement="p1" from="0,0" to="0,-400" begin="p1.begin" dur="20" autoreverse="false" repeatCount="1" fill="hold"/><t:animateMotion id="bdm12" targetElement="p2" from="0,0" to="0,-800" begin="p2.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/><t:animateMotion id="bdm13" targetElement="p3" from="0,0" to="0,-800" begin="p3.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/>
<div id="pc" style="position:absolute;top:200px;left:0px;width:600px;height:200px;overflow:hidden" class="time" begin="0"><span id="bc" style="position:absolute;top:0px;left:0px;width:600px;height:400px;FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FF0000)" class="time" begin="0"><img id="k1" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:-200px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="0" end="20" /><img id="k2" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:-400px;left:0px;width:600px;height:400px;" class="time" begin="10" /><img id="k3" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5382292_1.jpg" style="position:absolute;top:-600px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="20" /></span></div>
<t:animateMotion id="bcm11" targetElement="k1" from="0,0" to="0,400" begin="k1.begin" dur="20" autoreverse="false" repeatCount="1" fill="hold"/><t:animateMotion id="bcm12" targetElement="k2" from="0,0" to="0,800" begin="k2.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/><t:animateMotion id="bcm13" targetElement="k3" from="0,0" to="0,800" begin="k3.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/>
</div>
|
|
|
語法:
<div id="da" style="position:relative;top:0px;left:0px;width:612px;height:412px;border:6px double black;background-color:black;overflow:hidde">
<style type="text/css"><!-- .time {BEHAVIOR: url(#default#time2)} //--></style><?import namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" declareNamespace />
<div id="db" style="position:absolute;top:0px;left:0px;width:600px;height:200px;overflow:hidden" class="time" begin="0"><span id="bd" style="position:absolute;top:0px;left:0px;width:600px;height:400px;FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FF0000)" class="time" begin="0"><img id="m1" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:-200px;left:0px;width:600px;height:400px;" class="time" begin="0" end="20" /><img id="m2" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:-400px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="10" /><img id="m3" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:-600px;left:0px;width:600px;height:400px;" class="time" begin="20" /></span></div>
<t:animateMotion id="dbm11" targetElement="m1" from="0,0" to="0,400" begin="m1.begin" dur="20" autoreverse="false" repeatCount="1" fill="hold"/><t:animateMotion id="dbm12" targetElement="m2" from="0,0" to="0,800" begin="m2.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/><t:animateMotion id="dbm13" targetElement="m3" from="0,0" to="0,800" begin="m3.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/>
<div id="dc" style="position:absolute;top:200px;left:0px;width:600px;height:200px;overflow:hidden" class="time" begin="0"><span id="bc" style="position:absolute;top:0px;left:0px;width:600px;height:400px;FILTER: wave(add=8,phase=0,freq=1,strength=35,color=FF0000)" class="time" begin="0"><img id="h1" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:0px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="0" end="20" /><img id="h2" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:200px;left:0px;width:600px;height:400px;" class="time" begin="10" /><img id="h3" src="http://album.udn.com/community/img/PSN_PHOTO/lkker/f_5379036_1.jpg" style="position:absolute;top:400px;left:0px;width:600px;height:400px;Filter:flipV" class="time" begin="20" /></span></div>
<t:animateMotion id="dcm11" targetElement="h1" from="0,0" to="0,-400" begin="h1.begin" dur="20" autoreverse="false" repeatCount="1" fill="hold"/><t:animateMotion id="dcm12" targetElement="h2" from="0,0" to="0,-800" begin="h2.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/><t:animateMotion id="dcm13" targetElement="h3" from="0,0" to="0,-800" begin="h3.begin" dur="40" autoreverse="false" repeatCount="indefinite" fill="hold"/>
</div>
本文於 修改第 1 次
|
|
|
上下對稱移動波浪......尼搞定囉!! 技法 傳授一下呗!! 尼樓下那篇....... 推薦 回應.....被 語法範圍 蓋住囉........
|
|
|
本文於 修改第 3 次
|
|
|
謝謝平安大哥 糖衣覺得在S形的波浪裡... 那字,好像是直式的看來較合宜 如您第一張圖那字.....看起來順眼多了
|
|
|
尼滴圖稿周圍有 白邊...........
|
|
|
平安大哥,為何我圖的兩側會有線條出現呢?
本文於 修改第 1 次
|
|
|