`

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>

 

分享到:
评论

相关推荐

    HTC(HTML Component) 入门

    创建一个HTC组件,你需要编写一个`.htc`文件,然后在HTML中通过`&lt;object&gt;`标签引用它。例如: ```html ``` 这里的`classid`属性对应于你的HTC组件的CLSID(Class ID),这个ID需要在组件内部定义。 ### HTC与...

    js 可改变表格单元格大小

    在给定的标题“js 可改变表格单元格大小”和描述中,我们可以推断出这个功能是允许用户通过某种交互方式(如拖动边框)动态调整表格单元格的宽度和高度。下面我们将详细讨论如何实现这一功能。 首先,我们需要一个...

    webservice.htc等htc文件

    通过将webservice.htc引用到HTML页面,可以为普通的HTML元素添加Web服务调用的能力,使得无需JavaScript或Ajax即可实现数据的异步更新。然而,由于安全性和兼容性问题,此技术在现代Web开发中已被淘汰。 3. **MSDN...

    国外高人写的HTC方式PNG图片背景透明可加链接的方法

    总结来说,HTC方式实现PNG图片背景透明并添加链接是一种较旧的技术,主要用于解决IE浏览器的兼容问题。随着Web技术的发展,现在有更先进的解决方案,如纯CSS和JavaScript。然而,了解这种历史方法可以帮助我们理解...

    htc.rar_HTC_js htc

    HTC(Hit Target Control)是微软在Internet Explorer浏览器中引入的一种增强HTML元素功能的技术,它允许开发者通过JavaScript来扩展HTML元素的行为,使得HTML元素能够具备更丰富的交互性和动态性。这个"htc.rar_HTC...

    HTC基础内容

    HTC文件是以.htc为扩展名的HTML文件,它结合了脚本语言(如JavaScript)和特定的HTC元素,允许开发者自定义组件的功能并将其集成到网页中。 HTC文件的主要组成部分包括以下几个方面: 1. **对象**: - `document`...

    htc调用实例

    通过提供的文件名,我们可以推测这些HTML文件(如index.html、sample01.html到sample04.html)可能包含了不同类型的HTC调用和功能展示,而"XPwindow示例源码.rar"可能是一个包含Windows XP环境下特定HTC应用的源代码...

    HTML Component(HTC)简介.pdf

    IE 5.0引入的行为技术改变了这一状况,它允许创建自定义组件,这些组件可以通过简单的HTML属性附加到页面元素上,从而改变元素的行为。 HTC文件(HTML Component)是包含这些行为的文本文件,它们以.htc为扩展名。...

    htc sdk for android

    1. **Sense UI集成**:HTC Sense是HTC设备特有的用户界面,开发者可以通过SDK学习如何在应用中集成Sense元素,使应用更符合HTC设备的用户习惯。 2. **硬件加速**:HTC SDK可能包含对硬件加速的支持,让开发者能利用...

    HTC 技术中文参考手册

    2. **硬件接口**: 该手册可能涵盖了HTC设备上的硬件接口,包括USB、蓝牙、Wi-Fi等,以及如何通过编程接口(APIs)与这些硬件组件进行交互。 3. **应用程序开发**: HTC设备支持Android应用开发,开发者可以利用...

    dragdrop.htc

    拖放功能在早期的Web开发中,尤其在IE浏览器中,是通过HTC(HTML Component)技术实现的。HTC是一种微软开发的脚本组件,它允许开发者使用脚本语言(如JavaScript或VBScript)来扩展HTML元素的行为。《dragdrop.htc...

    htc-cime htc touch input中文输入法

    为了实现高效的输入体验,HTC-CIME还可能采用了机器学习算法,通过分析用户的输入习惯,优化候选词排序,提高推荐准确度。同时,它可能具备词库更新功能,随着网络词汇的更新和流行趋势,用户可以定期下载新词库以...

    HTC范例 统一页面样式控件风格

    在HTC中,可以将这种图片集成到样式中,以确保按钮在不同浏览器和操作系统上的显示效果一致。这通常涉及到CSS的`background-image`属性,结合其他属性如`width`、`height`和`border`来创建一个具有自定义外观的按钮...

    *.htc 文件的简单介绍

    然后通过JavaScript检查`window.external`对象是否存在以及`AddBehavior`方法是否可调用,以此判断浏览器是否支持HTC。 然而,需要注意的是,由于HTC是IE特有的技术,现代的Web浏览器(如Chrome、Firefox、Safari等...

    htc 手册.chm

    htc 帮助 html 组件学习资源

    CSS+HTC日历选择控件

    开发者可以通过查看和编辑这个文件来定制日历控件的特定行为,比如改变默认的样式、添加新的功能或者调整其适应不同屏幕尺寸的响应式设计。 总的来说,“CSS+HTC日历选择控件”是一个专为IE浏览器设计的交互式日期...

    pie.js以及pie.htc

    HTC(HTML Component)是IE特有的一种扩展机制,允许开发者通过JavaScript或VBScript实现自定义的行为。Pie.htc包含了用于解析和绘制边框圆角的VML代码。当pie.js检测到浏览器不支持border-radius时,它会将对应的...

    HTC_Home_1.10

    2. 自定义布局:用户可以自由调整小工具在桌面上的位置,甚至可以通过长按拖放来改变大小,适应不同的屏幕尺寸和个性化需求。 3. 系统兼容性:作为一款桌面插件,HTC_Home_1.10需要与各种Android系统版本兼容,确保...

    一个htc封装的桌面模块拖动效果

    HTC是微软在Internet Explorer浏览器中引入的一种扩展机制,允许开发者通过JavaScript、VBScript或其他脚本语言来创建可复用的、自定义的网页元素行为。 描述中提到的“支持拖动、显示、隐藏、关闭”,这意味着这个...

    ie-css3.htc 免费版

    3. **linear-gradient**:线性渐变是CSS3中的一种背景效果,ie-css3.htc通过创建多个背景层并逐步改变颜色来模拟这一效果,使得在不支持CSS3的IE浏览器上也可以呈现渐变背景。 使用ie-css3.htc的方法很简单,只需要...

Global site tag (gtag.js) - Google Analytics