A. JQuery 鼠标移到一个层上显示另一个层问题
你好！
第一个问题抄解决思袭路：每个一级菜单设置hover事件没有问题，但是你的代码中显示的二级菜单却成为了全局所有的了，所以需要修改为当前一级菜单下面的$(".subCategory")元素，即 $(一级菜单).find(".subCategory")--->>> 这样才会显示为当前一级菜单下的二级菜单。
第二个问题解决思路：由于hover事件中的动画效果没有得到有效的终止，所以在函数队列中会按顺序执行它们，使用stop函数能够有效的终止它们，并直接返回最后的执行结果。
详见附件吧~
B. 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>
<style type="text/css">
body{
text-align:center;
padding-top:20%;
}
#menu{
margin:0 auto;
cursor:hand;
height:30px;
width:100px;
border:1px solid black;
background-color:white;
}
#menu div{
color:#444;
font-size:13px;
visibility:hidden;
position:relative;
height:20px;
width:98px;
border:1px solid green;
background-color:white;
margin-top:30px;
}
</style>
<script type="text/javascript">
function handleScroll(){
document.getElementById("menu").style.top = (document.body.offsetHeight*0.87 + document.body.scrollTop) +"px";
}
function pop(){
var toogle = document.getElementById("menu").childNodes[0];
if(toogle.style.visibility == "" || toogle.style.visibility == "hidden"){
toogle.style.visibility = "visible";
}else{
toogle.style.visibility = "hidden";
}
}
function init(){
document.body.onscroll="handleScroll()";
document.body.onload="handleScroll()";
document.getElementById("menu").onmouseover=pop;
document.getElementById("menu").onmouseout=pop;
}
window.onload=init;
</script>
</head>
<body>
<div id="menu"><div>弹出层</div></div>
</body>
</html>
C. 求 js 特效，鼠标滑过，显示浮层
首先随便找一个地抄方新建一个袭div 并且隐藏。例如
<div id='showTip' style="background-color: white; width:200px; height:200px;position: absolute; display: none; ">
</div>
然后在链接那边写个onmouseover 属性加个触发方法 如showDiv()具体方法如下
function showDiv(e){
$("#showTip").html("这里可以写一些html的内容，如图片文字");
$("#showTip").css("top",e.clientY);//这里可以根据情况适当调整
$("#showTip").css("left",e.clientX);
$("#showTip").show();
}
还要在链接那边加上 onmouseout属性触发方法如下:
function hideDiv(){
$("#showTip").hide();
}
以上需要引入jquery支持
D. js鼠标移入每一个不同的div显示遮盖层移出隐藏遮盖层问题
竟然还写10多行JS，就二行CSS就搞定啊，
删除JSj。然后加入下面的CSS：
.pro-item .darktext｛display:none｝/*默认不显示*/
.pro-item:hover .darktext｛display:block｝/*当鼠标移入pro-item，则显示该子元素darktext */
E. js鼠标移动到图片显示半透明层怎么写
这个玩意css就能搞定了，用js做还麻烦些
<ul class="vods">
<li>
<a><img src="vod.jpg" alt="绿巨人" /><span></span></a>
</li>
</ul>
css这么定义：
.vods li a {
块级元素、宽高什么的略..
相对定位
}
.vods li a span{
绝对定位，位置定到刚好覆盖住电影图
默认display:none;隐藏掉
块级元素
给宽高
给张半透明png图做span的背景，上面画上你的按钮
}
.vods li a:hover span{
display:block;当触发链接时让span显示出来
}
有两个兼容小问题：
(1) ie6下a:hover span无效
(2) ie6下png半透明背景不透明
不过很好解决，都有简单办法就能搞定兼容，自己网络
F. JavaScript js鼠标经过显示隐藏层问题
你一移开他就隐藏怎么可能移得到上面，给你给思路，用定时器，让他延时隐藏，只要在延时的那段时间移动到隐藏层上面，就把定时器关了，他就不会消失了
G. js怎么做鼠标移过去会显示隐藏的内容
步骤：
1、构造好页面内容。
2、在css中设置一个隐藏类hide，类的样式为display：none；设置显专示类show，样式为display：block。
3、给需要属隐藏的内容设置类名为hide，这样就隐藏了控件。
4、在js标签中，通过控件的类名或者id获取到隐藏对象obhide以及需要监控的对象ob2，再对ob2对象设置onmouseover方法。 在这个方法中，将bohide的类名hide更换成show。这样，在鼠标进入ob2控件之中，就会显示隐藏的obhide的内容。
5、对ob2对象设置onmouseout方法，在这个方法中，将bohide的类名show更换成hide，这样，在鼠标离开ob2控件，就会隐藏obhide的内容。