华为mates为什么失败:怎么控制网页里图片显示比例

来源:百度文库 编辑:神马品牌网 时间:2024/04/29 23:19:34
<P><IMG style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid" src="http://my.opera.com/dontflyaway/homes/albums/28002/di16ye.jpg" align=left></P>

比方这句,要达到能用滚轮调整大小,一开始不会显示太大,用什么语句呢?谢谢!!

要通过滚轮来控制图片大小,只需要在页面的头部<head>跟</head>之间插入以下语句就可以了:

<script>
function on_mousewheel()
{
var o = event.srcElement;

if(o.tagName == 'IMG' && o.offsetWidth > 320)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/20;
if (zoom>0) o.style.zoom=zoom+'%';

return false;
}

return true;
}

document.onmousewheel = on_mousewheel;</script>

如果要开始显示不会很大只要通过<img >里面用width="**" height="**"控制就行了。

再在图片后面加上width=** height=** 就可以了