html通过htc改变图片大小
PioneerFan 2015-09-03
新建htc文件，命名为img.htc，代码如下：
<public:component>
<public:attach event="onload" onevent="doload()" />
<public:attach event="onmouseover" onevent="domouseover()"/>
<public:attach event="onclick" onevent="doclick()"/>
<script language="javascript">
function doload(){
if(this.width>500)this.style.width="90%";
}
function domouseover(){
}
function doclick(){
}
</script>
</public:component>当图片大于500时自动缩放为90%，在html中调用代码如下：
<html>
<head>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:500px;
padding:0;
border:1px solid #333;
}
img{
max-width:90%;
behavior:url(img.htc);
overflow:hidden;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.blueidea.com/img/common/logo.gif" alt="感谢blueidea被我盗链图片！"/>
<br>
<br>
<img src="http://www.blueidea.com/articleimg/2006/03/3297/koreaad_10020.jpg" alt="感谢blueidea被我盗链图片！"/>
</div>
</body>
</html> 
相关推荐
blacksoil 0喜欢 / 0评论 2011-03-18
josephliu 0喜欢 / 0评论 2019-10-23
amigocc 0喜欢 / 0评论 2019-10-21
scssqly轩 0喜欢 / 0评论 2014-06-27
zhanghaibing00 0喜欢 / 0评论 2018-01-13
TTHHVV 0喜欢 / 0评论 2012-04-08
notepaper 0喜欢 / 0评论 2018-01-13
hong 0喜欢 / 0评论 2013-12-03
张大晴 0喜欢 / 0评论 2012-10-15
哈喽elements 0喜欢 / 0评论 2019-06-20
81224450 0喜欢 / 0评论 2019-06-20
zhaosnow 0喜欢 / 0评论 2019-06-20
帅的相对论 0喜欢 / 0评论 2012-04-23
布布地带 0喜欢 / 0评论 2011-08-19
beifenggo 0喜欢 / 0评论 2011-08-15
chadeltu 0喜欢 / 0评论 2011-08-01
小召的阳光地带 0喜欢 / 0评论 2011-06-19
yangfangjit 0喜欢 / 0评论 2011-03-27
浅梦墨汐 0喜欢 / 0评论 2010-03-13
bible 0喜欢 / 0评论 2009-05-28
zlsh00 0喜欢 / 0评论 2008-07-09
SimpleJD 0喜欢 / 0评论 2015-03-27
llawliet000 0喜欢 / 0评论 2015-03-26
tcxingdechen 0喜欢 / 0评论 2014-11-03
xfcyhades 0喜欢 / 0评论 2019-05-16
doomvsjing 0喜欢 / 0评论 2019-02-16
rainboy 0喜欢 / 0评论 2018-07-13
MrTitan 0喜欢 / 0评论 2013-07-27
Baker 0喜欢 / 0评论 2012-08-08
systemerr 0喜欢 / 0评论 2018-02-24
OakHJH 0喜欢 / 0评论 2011-10-04
wdd 0喜欢 / 0评论 2014-08-18
xiafu 0喜欢 / 0评论 2013-05-06
fenglan 0喜欢 / 0评论 2012-03-22
jadeball 0喜欢 / 0评论 2011-09-14
AndroidAiStudy 0喜欢 / 0评论 2011-07-04
Hens00 0喜欢 / 0评论 2010-03-04
systemerr 0喜欢 / 0评论 2010-03-04
jadeball 0喜欢 / 0评论 2010-03-04
systemerr 0喜欢 / 0评论 2010-03-02
liangjinjing 0喜欢 / 0评论 2016-04-22
akinggw 0喜欢 / 0评论 2016-08-17
扑克投资家 0喜欢 / 0评论 2018-07-04
玲珑 0喜欢 / 0评论 2018-06-01
OccamsRazor 0喜欢 / 0评论 2018-05-25
科技蟹 0喜欢 / 0评论 2018-05-25
言大官人 0喜欢 / 0评论 2018-05-25