⽹页⾥控制图⽚⼤⼩的相关代码
１、⽤⿏标拖动来改变⼤⼩
firefox浏览器旧版<SCRIPT LANGUAGE="JavaScript">information短语搭配
function resizeImage(evt,obj){英格兰所在小组
html个人网页完整代码图片newX=evt.xservlet工作原理和生命周期
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控制图⽚⼤⼩contextmenuevent
1. css2直接实现: img{max-width: 500px;} (IE暂不⽀持)
2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
3. 使⽤js. ⽅法: ⽤ ElementsByTagName("IMG") 的⽅法取得全部img元素遍历img元素判断其宽度并做相应操作

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。