首頁  >  文章  >  web前端  >  網頁裡控制圖片大小的相關代碼

網頁裡控制圖片大小的相關代碼

巴扎黑
巴扎黑原創
2017-05-21 11:22:021897瀏覽

1、用滑鼠拖曳來改變大小



2、用滑鼠捲動控制圖片大小

##3、圖片標籤裡用程式碼控制大小


#經過測試這裡要修改一下,不然刷新網頁時圖片會顯示原始大小。

4、CSS控制圖片大小
1. css2直接實作: img{max-width: 500px;} (IE暫不支援)
2. expression實作: img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用document.getElementsByTagName("IMG") 的方法取得全部全數元素元素遍歷img元素判斷其寬度並做對應運算

以上是網頁裡控制圖片大小的相關代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn