放大縮小範例: 滑鼠在圖上按左右鍵測試
語法:
<img id=x src='http://e.blog.xuite.net/e/3/1/f/11415547/blog_400089/txt/13292478/0.jpg'oncontextmenu="return
false"onmousedown="b=event.button;repeat=setInterval('x.width+=(3-b*2)*5',20)"onmouseup=clearInterval(repeat)>
※註:此控制碼在 XUITE
日誌上使用只能一次完成,不能夠在所見既所得 htmlarea編輯器 內更改。
如需修改,必須把此控制碼全部刪除 重新貼上控制碼。
※常用貼圖語法
------------------普通貼圖 (原呎吋)
<img src=路徑>
------------------貼圖說明
<img src=路徑 alt=說明文字>
------------------貼圖高寬 ↓ 自定呎吋
<img src=路徑 height=高度 width=寬度>
------------------貼圖指標
<img src=路徑 style=cursor:hand>
------------------貼圖對齊
<img src=路徑 align=right>
至左系列
<img src=路徑 align=left>
字上系列
<img src=路徑 align=top>
字下系列
<img src=路徑 align=bottom>
字中系列
<img src=路徑 align=middle>
字距系列
<img src=路徑 hspace=數字>
------------------貼圖反向
水平系列
<img src=路徑 style=filter:fliph()>
垂直系列
<img src=路徑 style=filter:flipv()>
------------------貼圖圍色
<img src=路徑 style=filter:glow(color=000000,strength=1)>
------------------貼圖影子
有影系列
<img src=路徑 style=filter:dropshadow(color=cccccc,offx=4,offy=4,positive=1)>
任影系列
<img src=路徑 style=filter:shadow(color=cccccc,direction=25)>
------------------貼圖透明
淡透系列
<img src=路徑 style=filter:alpha(opacity=60,style=0)>
慢透系列
<img src=路徑 style=filter:alpha(opacity=60,style=1)>
弧透系列
<img src=路徑 style=filter:alpha(opacity=60,style=2)>
折透系列
<img src=路徑 style=filter:alpha(opacity=60,style=3)>
------------------貼圖歪扭
<img src=路徑 style=filter:Wave(strength=5,freq=2,lightstrength=20,phase=9)>
------------------貼圖變化
<img src=尚觸路徑 onmouseover="src='觸摸路徑'"onmouseout="src='觸離路徑'">
------------------貼圖色景
被色系列
<img src=路徑 style=background-color:cccccc>
被景系列
<img src=路徑 style='background:url(背景網址)'>
------------------貼圖幻覺
黑白系列
<img src=路徑 style=filter:gray>
底片系列
<img src=路徑 style=filter:invert>
殘缺系列
<img src=路徑 style=filter:xray>
------------------貼圖圍虛
圍框系列
<img src=路徑 border=1>
-----------------貼圖線條
線框系列
<img src=路徑 style="border:solid 1px solid #800080">
線上系列
<img src=路徑 style="border-top:solid 1px solid #800080">
線下系列
<img src=路徑 style="border-bottom:solid 1px solid #800080">
線左系列
<img src=路徑 style="border-left:solid 1px solid #800080">
線右系列
<img src=路徑 style="border-right:solid 1px solid #800080">
-----------------貼圖虛線
虛框系列
<img src=路徑 style="border:1 dashed #800080">
虛上系列
<img src=路徑 style="border-top:dotted 1px dashed #800080">
虛下系列
<img src=路徑 style="border-bottom:dotted 1px dashed #800080">
虛左系列
<img src=路徑 style="border-left:dotted 1px dashed #800080">
虛右系列
<img src=路徑 style="border-right:dotted 1px dashed #800080">
-----------------貼圖虛點
點框系列
<img src=路徑 style="border:dotted 2px;border-color:800080">
點上系列
<img src=路徑 style="border-top:dotted 2px;border-color:800080">
點下系列
<img src=路徑 style="border-bottom:dotted 2px;border-color:800080">
點左系列
<img src=路徑 style="border-left:dotted 2px;border-color:800080">
點右系列
<img src=路徑 style="border-right:dotted 2px;border-color:800080">
-----------------貼圖定位
左上定位
<img src=路徑 style='position:absolute;top:0px;left:0px'>
左下定位
<img src=路徑 style='position:absolute;bottom:0px;left:0px'>
右上定位
<img src=路徑 style='position:absolute;top:0px;right:0px'>
右下定位
<img src=路徑 style='position:absolute;bottom:0px;right:0px'>


