中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 程序开发 > Web开发 > 临时文章
使用htc对样式进行封装(可以嵌入js,可以对事件(e.g onmouseover)进行封装)
作者:未知 时间:2005-07-27 23:35 出处:CSDN 责编:chinaitpower
              摘要:使用htc对样式进行封装(可以嵌入js,可以对事件(e.g onmouseover)进行封装)

昨天一直在想 css只能对静态的属性进行封装 但是有些事件直接写道标签里还是太复杂了 只能<img onmouseover="....">这种方式还是比较落后的 如果能够很好的把这些事件进行封装了 那就更加完整了

遇到冰云 提示用htc 找了一下相关资料 很好用 首先表示感谢

首先建立test.htc
---------------------------------------------------------------------------------------------------------------------------
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<SCRIPT LANGUAGE="JScript">
var normalColor, normalSpacing;

function Hilite()
{
// save original values
normalColor = runtimeStyle.color;
normalSpacing= runtimeStyle.letterSpacing;

runtimeStyle.color = "red";
runtimeStyle.letterSpacing = 2;
}

function Restore()
{
// restore original values
runtimeStyle.color = normalColor;
runtimeStyle.letterSpacing = normalSpacing;
}
</SCRIPT>
</PUBLIC:COMPONENT>

这个文件把事件和函数进行绑定 然后再函数里面给出具体的处理方法

================================================================

然后是test.css,作为样式表,他把LI标签(可以使其他的标签或者样式名称)进行绑定
-------------------------------------------------------------------------------------------------------------------
/* CSS Document */
LI {behavior:url(test.htc)}

====================================================================

最后是调用css的htm文件,它引入了样式表文件test.css
------------------------------------------------------------------------------------------------------------------
<HEAD>
<link href="./test.css" rel="stylesheet" type="text/css"></link>
</HEAD>
<P>Mouse over the two list items below to see this effect.
<a href="http://blog.csdn.net/overmind/">overmind</a>
<UL>
<LI>HTML Authoring</LI>
<LI>Dynamic HTML</LI>
</UL>

可以对img进行样式的封装了,不只是静态的样式,而且是包括事件和方法的样式---------帅


关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有