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