关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享CSS自动实现网页打印版本教程,希望对大家能有一点小小的帮助。
【 tulaoshi.com - Web开发 】
下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。
以下是引用片段：
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）PUBLIC:COMPONENT
SCRIPT
/SCRIPT
/PUBLIC:COMPONENT
2、写一个可执行的脚本。
在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来体现鼠标滑过元素时的加亮效果。
以下是引用片段：
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）PUBLIC:COMPONENT
PUBLIC:ATTACHEVENT="onmouseover"ONEVENT="Hilite()"/
PUBLIC:ATTACHEVENT="onmouseout"ONEVENT="Restore()"/
SCRIPTLANGUAGE="JScript"
varnormalColor,normalSpacing;
functionHilite()
{
//saveoriginalvalues
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）normalColor=runtimeStyle.color;
normalSpacing=runtimeStyle.letterSpacing;
runtimeStyle.color="red";
runtimeStyle.letterSpacing=2;
}
functionRestore()
{
//restoreoriginalvalues
runtimeStyle.color=normalColor;
runtimeStyle.letterSpacing=normalSpacing;
}
/SCRIPT
/PUBLIC:COMPONENT
将上面保存为hilite.htc文件。
注意：您可以直接使用属性、方法或者是事件的名称来访问它们，并不需要在前面加上 element 的前缀。在前面的例子中我们注意到在切换颜色时我们直接调用了 runtimeStyle ，而不是使用 element.runtimeStyle。
3、一旦执行，这个 HTC 就能在网页中应用来达到鼠标滑过加亮的效果。
以下是引用片段：
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）HEAD
STYLE
LI{behavior:url(hilite.htc)}
/STYLE
/HEAD
以下是引用片段：
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）PMouseoverthetwolistitemsbelowtoseethiseffect.
UL
LI网页陶吧/LI
LIhomepage.yesky.com/LI
/UL
来源:http://www.tulaoshi.com/n/20160219/1618018.html
看过《CSS自动实现网页打印版本》的人还看了以下文章 更多>>
