很多网站都使自己的超级连接鼠标移动到上面就变色
问这个效果是怎么实现的
我的思路是
生成随机颜色值的函数makeColor()
改变连接颜色的函数changeColor()
这里想问的是关于触发这个changeColor()函数的事件是什么?
这个事件是应该针对所有的<a HREF=#></a>有效的
后面一个函数怎么编写 事件是什么呢 ?
很多网站都使自己的超级连接鼠标移动到上面就变色
我下面的代码里,已实现你说的上面那个功能,但是没有随机改变颜色功能。我想只要修改下glowit()函数的代码,就可以
beha1.htc的内容如下,它可以使用记事本之类来写
////////////////////////////“行为”文档开始/////////////////////////////////// //给“行为”增加四个鼠标事件 <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()"/> <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()"/> <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="font2yellow()"/> <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="font2blue()"/> //给“行为”定义二个方法 <PUBLIC:METHOD NAME="move_down"/> <PUBLIC:METHOD NAME="move_right"/> <SCRIPT LANGUAGE="JScript"> //定义一个保存字体颜色的变量 var font_color; //定义向下移动文字的方法 function move_down() { element.style.posTop+=2; } //定义向右移动文字的方法 function move_right() { element.style.posLeft +=6; } //定义鼠标onmouseup事件的调用函数 function font2blue(){ if (event.srcElement == element) { element.style.color='blue'; } } //定义鼠标onmousedown事件的调用函数 function font2yellow(){ if (event.srcElement == element) { element.style.color='yellow'; } }
//定义鼠标onmouseover事件的调用函数 function glowit() { if (event.srcElement == element) { font_color=style.color; element.style.color='pink'; element.style.filter="glow(color=red,strength=2)"; } }
//定义鼠标onmouseout事件的调用函数 function noglow() { if (event.srcElement == element) { element.style.filter=""; element.style.color=font_color; } } </SCRIPT> //////////////////“行为”文档结束///////////////////////////////
下面是测试文档
<html> <style> a{behavior:url(font_effect.htc);position:relative;font-weight:bold;}
</style> <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>this is a test</title> </head>
<body> 很多网站都使自己的超级连接鼠标移动到上面就变色<P> <a href="j_book290.htm">查看日历</a><p> 很多网站都使自己的超级连接鼠标移动到上面就变色 <p></p>
</body>
</html>