`

html通过htc改变图片大小

阅读更多

 

 新建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>

 

分享到:
评论

相关推荐

    动态HTML手册4.0

    - **htc行为参考**:htc文件通常是IE浏览器专有的ActiveX组件,用于扩展HTML文档的功能。 - **可视化滤镜和切换参考**:提供了关于如何使用CSS和JavaScript创建视觉特效的技术细节。 - **HTML+TIME参考**:可能是...

    一款非常好看下拉框样式(select)

    `selectBox.htc` 文件很可能就是一个包含JavaScript和CSS代码的组件,用于改变默认的下拉框样式,使其更符合现代网页设计的标准。它可能提供了自定义的背景、边框、阴影、字体以及交互效果,比如悬停、选中和点击...

    DHTML 手册

    **DHTML手册**是网页开发领域的一份重要参考资料,它涵盖了HTML、CSS、JavaScript以及HTC(HTML组件)等多个方面的内容。这份手册旨在帮助开发者更好地理解和应用动态超文本标记语言(DHTML)来创建交互式和动态的...

    FCKeditor v2.6.3 正式版

    支持多种平台下的脚本(asp aspx php cfm Dhtml htc),还集成了上传图片组件,多语言支持、可换皮肤、定制工具栏、Blockquote支持、重做的撤销恢复系统、可以处理非HTML数据的数据处理器(Data Processor)、直接拖拽...

    纯CSS装饰画

    使用CSS,可以创建矢量图形,使图标在不同分辨率下保持清晰,并且可以通过改变颜色、大小和阴影等属性来调整样式。 3. **带文本的画廊**:这种设计将图片与文字相结合,可能是图片标题、描述或者相关说明,用CSS...

    jQuery+css带阴

    CSS则是用于定义网页外观和布局的语言,它可以改变元素的颜色、字体、大小、位置等属性。在撕页广告效果中,CSS用于设置元素的阴影效果,模拟纸张的边缘和撕裂感。CSS3引入了新的阴影属性,如`box-shadow`和`text-...

    解决IE不兼容css3圆角和阴影问题

    3. 使用图片或背景图像:对于圆角,可以创建带有圆角的背景图片,通过定位和大小调整实现类似的效果。这种方法虽然繁琐,但在IE6-7中可能更为可靠。对于阴影,可以创建带有阴影效果的图片,然后作为元素的背景。 4....

    前端开发面试题

    - JavaScript 可以用来动态地改变 HTML 文档中的内容、样式和行为。 - 使用 DOM 操作(如 `document.getElementById`、`innerHTML`)与 HTML 元素进行交互。 **2. DOM 操作** - 添加节点:`appendChild`、`...

    rar压缩软件.rar

    可以通过建立"RAR"环境变量来添加默认参数到命令行中. 例如,在 Unix 中,下列命令行可以被添加到你的配置中: RAR='-s -md1024' export RAR RAR 将使用这个字符串作为命令行的默认参数,并将使用 1024KB ...

Global site tag (gtag.js) - Google Analytics