❶ js中如何实现鼠标悬停在按钮上显示文字
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function show(){
var b=document.getElementById("b");
b.innerHTML="你要显示的文字";
}
function hidd(){
var b=document.getElementById("b");
b.innerHTML="";
}
</script>
</head>
<body>
<div id="a"><input type="button" value="显示文字" onmouseover="show();" onmouseout="hidd();" /><span id="b"></span></div>
</body>
</html>
这是我写的一段关于显示文字的实例，希望对你有帮助
❷ js表格高亮显示.hover
这是表格高亮显示功能。
hover一个模仿悬停事件。鼠标移动到一个对象上面及移出这个对象。的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种保持在其中的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持悬停状态，而不触发移出事件。
第一种各行换色，第二种鼠标移动到对应行，高亮显示。
❸ js鼠标悬停事件
第一：来js进行鼠标悬停事件来处自理DOM实际上是不合理的。对于界面交互上能通过css处理的事件就不要用js来处理；
第二：恰好css对于鼠标悬停是有对应的选择器及其处理；
处理方法：如图A：
假设A的id为a，css代码如下：
#a{
width:100px;
height:36px;
float:left;
}
//对于位置的固定可以自行选择处理,当前用float固定。
#a:hover{
width:200px
}结果将会如你图中所需要的完成。
如必须用JS处理的话，代码如下：
//既定a的样式已明确：
//html代码:
<spanid='a'onmouseover="fc1(this)"
onmouseout="fc2(this)"></span>
<script>
functionfc1(node){
node.style.width='200px';
}
functionfc2(node){
node.style.width='100px';
}
</script>