日期:2014-05-16  浏览次数:20552 次

鼠标滑入怎么出现一个层替换另一个层?很急 在线等
http://www.jajn.com/

就是这个网站的一个板块 急啊 
鼠标滑入?js?层代替层

------解决方案--------------------
jquery有一个mouseenter与mouseleave事件可以考虑考虑.
代码
<html>
<head>
<script src="../jQuery/jQuery.js" ></script>
<script type="text/javascript">
var a=0;
var b=0;
$(document).ready(function(){
    $("p").mouseenter(function(){
       $("p").css("background-color","yellow");
$("#span1").html("Enter触发次数:"+(++a));
});
    $("p").mouseleave(function(){
       $("p").css("background-color","red");
$("#span2").html("Leave触发次数:"+(++b));
});
});
</script>
</head>
<body style="background-color:gray">
<p>请将鼠标穿过此区域<span id="span1"></span><span id="span2"></span></p>
</body>
</html>
------解决方案--------------------
引用:
jquery有一个mouseenter与mouseleave事件可以考虑考虑.
代码
<html>
<head>
<script src="../jQuery/jQuery.js" ></script>
<script type="text/javascript">
var a=0;
var b=0;
$(document).ready(function(){
    $("p").mouseenter(function(){
       $("p").css("background-color","yellow");
$("#span1").html("Enter触发次数:"+(++a));
});
    $("p").mouseleave(function(){
       $("p").css("background-color","red");
$("#span2").html("Leave触发次数:"+(++b));
});
});
</script>
</head>
<body style="background-color:gray">
<p>请将鼠标穿过此区域<span id="span1"></span><span id="span2"></span></p>
</body>
</html>

同意,可以通过这两个事件来处理。
鼠标移入隐藏前一个层,显示后一个层
完全移出则隐藏层