CSS与HTC行为扩展-优快云博客

本文介绍了一种通过HTC文件扩展CSS行为的方法，利用JScript实现鼠标悬停时元素背景发光效果，并提供了完整的HTML与HTC文件示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

////////////////////////////“行为”文档开始///////////////////////////////////
//给“行为”增加四个鼠标事件
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
<SCRIPT LANGUAGE="JScript">
//定义一个保存字体颜色的变量
var font_color;

//定义鼠标onmouseover事件的调用函数
function glowit()
{
if (event.srcElement == element)
{
font_color=style.backgroundColor;
element.style.backgroundColor='#66FFFF';
element.style.filter="glow(color=red,strength=2)";
}
}

//定义鼠标onmouseout事件的调用函数
function noglow()
{
if (event.srcElement == element)
{
element.style.filter="";
element.style.backgroundColor=font_color;
}
}
</SCRIPT>
//////////////////“行为”文档结束///////////////////////////////

<html>

<head>

<style>
td{behavior:url(test.htc)}
</style>
</head>

<body>

<table name="tbl">

<tr><td>aaaaaaaaaaaaaaaaaaaa</td></tr>

<tr><td>bbbbbbbbbbbbbbbbbbb</td></tr>

<tr><td>ccccccccccccccccccc</td></tr>

<tr><td>dddddddddddddddddddd</td></tr>
<tbody></tbody>
</table>

<input name="demo"><input type='button' value='hidden' onclick="demo.style.display='none'">

</body>
</html>

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

把下面的这句写到CSS里去，整个工程通用了

<style>
td{behavior:url(test.htc)}
</style>

做一个光标跟随的样式