jshover,JShover方法绑定和on方法绑定
js控制div显示与隐藏,js利用"hover"属性
1.首先样式要设定好，在每个li区域只能显示a或者b。
2.引入js库代码（jquery库需要引用，1.4版本以上都可以）
3.设定外部ul的id属性：假设为ullist
4.编写js代码
下面是我写的一个例子代码，供你参考，jquery库需要自己下载并引用
ul id="ullist"
li
div class="a"A面内容/div
div class="b"B面内容/div
/li
li
div class="a"A面内容/div
div class="b"B面内容/div
/li
/ul
style type="text/css"
#ullist
{
overflow: hidden;
}
#ullist li
{
height: 30px;
width: 100px;
overflow: hidden;
line-height: 30px;
}
#ullist .a
{
width: 30px;
width: 100px;
display: block;
}
#ullist .b
{
width: 30px;
width: 100px;
display: none;
}
/style
script type="text/javascript"
$(function () {
$('#ullist li').hover(
function () { $('.a', this).hide(); $('.b', this).show(); },
function () { $('.b', this).hide(); $('.a', this).show(); }
)
});
/script
js写导航栏hover效果
js写导航栏hover效果每个js定时器产生时会被系统分配一个id，这个id是正整数，而且一个页面里面的定时器id不重复，我们能用一个变量接收这个id，但是如果重复执行一条接收创建语句，那么你只能接收到最新创建的定时器的id，之前创建的定时器的id会被覆盖，但是定时器数量在增加，这就会导致界面一些功能错乱，解决方法就是在重复按开始按钮时，如果已经有了一个定时器那么就不执行语句，我列出了错误代码和三种解决方法，可以解决定时器重复创建问题。
js表格高亮显示.hover
这是表格高亮显示功能。
hover一个模仿悬停事件。鼠标移动到一个对象上面及移出这个对象。的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种保持在其中的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持悬停状态，而不触发移出事件。
第一种各行换色，第二种鼠标移动到对应行，高亮显示。
如何用js控制a:hover的样式？
可以写一个onmouseover的事件函数，在函数中改变style就可以了。如：
document.getElementById("test").onmouseover=function(){
this.style.color="red";
}
当然，你还可以再写一个onmouseout事件函数
js可以模拟鼠标的hover事件吗
不可以。hover 并不是一个DOM 事件，而是一个CSS伪类。
JS可以触发 mouseover 但是不能触发 hover
document.getElementById(?'link'?).dispatchEvent(?new?Event(?'mouseover'?)?);
但是可以通过class的方式，比如CSS里面这样写：
a:hover,?a.hover?{
????color?:?red;
}
这样在JS里面可以通过添加class .hover 来实现你说的功能。