首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

鼠标滑入如何出现一个层替换另一个层?很急

2013-09-13 
鼠标滑入怎么出现一个层替换另一个层?很急 在线等http://www.jajn.com/就是这个网站的一个板块 急啊鼠标滑

鼠标滑入怎么出现一个层替换另一个层?很急 在线等
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>

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

热点排行