麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-21 02:35:26
字體：大 中 小
來源：轉載
供稿：網友
１、用鼠標拖動來改變大小
<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;">
經測試這里需要修改一下，不然刷新網頁時圖片會顯示原始大小。<img border="0" src="[!--picurl--]" onload="if(this.width>screen.width-500)this.resized=true;this.style.width=screen.width-500;">

４、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元素 遍歷img元素 判斷其寬度并做相應操作

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 成人做爰s片免费看网站 | 久久出精品 | 久久久av亚洲男天堂 | 欧美成人午夜精品久久久 | 深夜精品福利 | 精品中文视频 | 亚洲射情| 亚洲成人涩涩 | 成人午夜天堂 | 最新中文字幕日本 | 午夜偷拍视频 | 久久精品一区二区三区不卡牛牛 | 狠狠干网站 | 欧美aⅴ视频 | 亚洲视频在线一区二区 | 久久国产成人午夜av浪潮 | h色视频在线观看 | 成人一区二区在线观看视频 | 国产亚洲综合一区二区 | 天天舔夜夜操 | 国产精品剧情一区二区三区 | 久久久久久久久久久久久久av | 狠狠操视频网站 | 毛片在线免费视频 | 高清在线观看av | 激情在线免费观看 | 久久亚洲线观看视频 | 中国hd高清xxxxvideo | 久草视频在线资源 | 国产91久久久久久 | 姑娘第5集高清在线观看 | 国产色视频在线观看免费 | 国产精品啪一品二区三区粉嫩 | 欧美日韩免费一区 | 成人毛片免费在线 | 嫩草91在线| 欧美一级黄色网 | 羞羞视频免费网站男男 | 国产一级二级在线播放 | 欧美黄在线 | 午夜精品视频免费观看 |