鼠鍵控圖放大縮小: 你 我 他:Xuite日誌
  • 文章分類
  • 最新文章
  • piyu
  • .
  • 「注意事項」在網頁上複製下來的語法,未經過純文字處理,是不能直接貼到編輯器上使用的,必須經過純文字處理過方可使用,最好是貼到記事本上,再從記事本裡 複製貼到編輯器上。
  • 參觀人氣統計
  • 2007-09-03 20:36 鼠鍵控圖放大縮小
  • ?
  • 程式分享
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    放大縮小範例: 滑鼠在圖上按左右鍵測試

     



    語法:
    <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'>



    piyu / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄
  • 回應