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的內容。