本文介绍了一个HTML文件如何通过HTC文件实现元素的动态交互。具体包括使用自定义HTML标签触发JavaScript函数的方法，以及如何通过鼠标悬停、移出和点击事件来改变页面元素的样式。
<html><head>
<script type="text/javascript">
function showCmd()
{ alert("Ok");
}</script><xml:namespace prefix="BNet"><?IMPORT namespace="BNet" implementation="a.htc"></head><body><BNet:Cmd onCmd="showCmd()">命令内容</BNet:Cmd></body></html><public:component tagName="Cmd"><public:event id = "rcCmdId" name="onCmd"/><public:attach event="onmouseover" onevent="mouseOver()" /><public:attach event="onmouseout" onevent="mouseOut()" /><public:attach event="onclick" onevent="doCmd()"/><public:attach event="ondocumentready" onevent="htcInit()" /> </public:component> <script type="text/javascript">function doCmd(){ var oEvent = createEventObject(); rcCmdId.fire(oEvent);
}function htcInit(){ setAttribute("__htc_changed",new Object()); }function set(prop,val){ __htc_changed[prop] = eval(prop); eval(prop + "='" + val + "'"); }function reset(){ for(var prop in __htc_changed) { eval(prop + "='" + __htc_changed[prop] + "'"); }}function mouseOver(){ set("style.color","#ff0000"); set("style.cursor","hand");}function mouseOut(){ reset();}</script>
扫一扫
122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
