使用css控制只顯示圖片的某部份.

如果只是想顯示圖片的某個部份,可以使用css的clip.
使用方法,如下:

img{ clip: rect(10px, 5px, 10px, 5px) }
那麼圖片就只會顯示某個部份.
如果想動態進行控制,只需簡單寫一下javascript就可以了

document.getElementById("img").style.clip="rect(50px,60px,50px,50px)";

可以多加利用,使用於其他網頁box上.

沒有留言: