相关文章
网页设计Dreamweaver快速制作细边线表格
网页设计网页制作初学者认识XML与HTML的区别
网页设计网页特效--鼠标悬停图片渐显效果
网站制作Dreamweaver8创建自定义代码片段的方法
北京网站设计网页设计配色基础 色彩三属性与实例剖析
北京网页设计认清CSS的类class和标识id选择符
北京网站建设HTML语言剖析(二)HTML标记一览
北京网页设计色彩系列教程:色系和色调
网页设计网站策划之网站改版的几点建议
北京网页设计论绘画与平面设计的差异性
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 北京网站设计企通互联如何使用HTC文件来封装CSS样式
北京网站设计企通互联如何使用HTC文件来封装CSS样式
下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 北京网站建设 COMPONENT 标记。 中国 北京网站制作.站长站
<PUBLIC:COMPONENT> 北京网站建设 北京网站设计
<SCRIPT> 北京网页设计
</SCRIPT> 北京网站建设
</PUBLIC:COMPONENT> 中国站长.站
2、写一个可执行的脚本。企通互联
北京网页设计北京网站制作
在下面的代码中,ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来体现鼠标滑过元素时的加亮效果。 Chinaz_com
<PUBLIC:COMPONENT> 网站制作
<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>
将上面保存为hilite.htc文件。
注意:您可以直接使用属性、方法或者是事件的名称来访问它们,并不需要在前面加上 element 的前缀。在前面的例子中我们注意到在切换颜色时我们直接调用了 runtimeStyle ,而不是使用 网页设计 element.runtimeStyle。 Www^Chinaz^com
3、一旦执行,这个 HTC 就能在网页中应用来达到鼠标滑过加亮的效果。
Www~Chinaz~com
<HEAD> 网站设计
<STYLE> 北京网站制作
LI {behavior:url(hilite.htc)} 企通互联
</STYLE> 北京网站建设
</HEAD>
Www~Chinaz~com
<P>Mouse over the two list items below to see this effect. 网页设计
<UL> 企通互联网站制作
<LI>中国站长站</LI> 网页设计
<LI>www.chinaz.com</LI> 企通互联
</UL> 中.国.站长站