網(wǎng)頁里控制圖片大小的相關(guān)代碼
１、用鼠標拖動來改變大小
<SCRIPT LANGUAGE="JavaScript">
function resizeImage(evt,obj){
newX=evt.x
newY=evt.y
obj.width=newX
obj.height=newY
}
</script>
<img src="7say.gif" ondrag="resizeImage(event,this)">
２、用鼠標滾動控制圖片大小
<img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;">
３、圖片標簽里用代碼控制大小
<img border="0" src="[!--picurl--]" onload="if(this.width>screen.width-500)this.style.width=screen.width-500;">
４、CSS控制圖片大小
1. css2直接實現(xiàn): img{max-width: 500px;} (IE暫不支持)
2. expression實現(xiàn): img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍歷img元素 判斷其寬度并做相應(yīng)操作
相關(guān)文章
本文主要介紹Google 地圖API Map(),這里對Map()構(gòu)造器的知識做了一下整理以及提供簡單的代碼示例,開發(fā)Google 地圖應(yīng)用的朋友可以參考下2016-08-08
本篇文章主要介紹?typeScript?中新增的泛型概念、泛型使用、泛型與接口結(jié)合等內(nèi)容。具有一定的參價值，需要的小伙伴可以參考一下，希望對你有所幫助2022-02-02
這篇文章主要介紹了微信小程序中的onLoad詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下2017-04-04
前端可視化搭建定義聯(lián)動協(xié)議實現(xiàn)
這篇文章主要為大家介紹了前端可視化搭建定義聯(lián)動協(xié)議實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
js c++ vue方法與數(shù)據(jù)交互通信示例
這篇文章主要為大家介紹了js c++ vue方法與數(shù)據(jù)交互通信示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
JavaScript設(shè)計模式之單例模式應(yīng)用場景案例詳解
這篇文章主要為大家介紹了JavaScript中單例模式的應(yīng)用場景案例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
JS前端可視化canvas動畫原理及其推導(dǎo)實現(xiàn)
這篇文章主要為大家介紹了JS前端可視化canvas動畫原理及其推導(dǎo)實現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了手把手教你從0搭建前端腳手架詳解,腳手架就是在啟動的時候詢問一些簡單的問題，并且通過用戶回答的結(jié)果去渲染對應(yīng)的模板文件,需要的朋友可以參考下2023-03-03
相信絕大多數(shù)同學(xué)都聽過閉包這個概念，但閉包具體是什么估計很少有人能夠說的很詳細。說實話閉包在我們平時開發(fā)中應(yīng)該是很常見的，并且在前端面試中閉包也是常見的重要考點，在學(xué)習(xí)閉包之前我們先來看看作用域與作用域鏈，因為這是閉包的關(guān)鍵。2021-10-10
這篇文章主要介紹了微信小程序滾動Tab實現(xiàn)左右可滑動切換的相關(guān)資料,這里提供實現(xiàn)實例幫助大家實現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08