首頁 > web前端 > js教程 > 網頁裡控制圖片大小的相關代碼

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

巴扎黑
發布: 2017-05-21 11:22:02
原創
1915 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板