jquery使用hover()方法弹出页面，在弹出页面再次使用hover()方法弹出页面
现在要做一个网站主页，在主页的图片上使用了hover()方法弹出一个div，该div只有一个背景图片，在这个图片上再次使用hover()弹出一个div最后这个div用来存...
现在要做一个网站主页，在主页的图片上使用了hover()方法弹出一个div，该div只有一个背景图片，在这个图片上再次使用hover()弹出一个div 最后这个div用来存放文字，现在的问题是：
在主页图片上用hover()方法已经弹出div并有背景，在该背景上再次使用hover()时没有显示最终的div，到底是什么原因呢，我想不能够是hover()不支持多层调用吧~~ 望高手解答 展开
在主页图片上用hover()方法已经弹出div并有背景，在该背景上再次使用hover()时没有显示最终的div，到底是什么原因呢，我想不能够是hover()不支持多层调用吧~~ 望高手解答 展开
展开全部
<html>
<head>
<style type="text/css">
#div1{width:300px;height:300px;background:red;display:none;}
#div2{width:150px;height:150px;background:gray;display:none;}
#div2{width:60px;height:60px;background:gray;display:none;}
</style>
<script>
$("div1").hover(
function () {
$("div2").css("display","block");
$("div2").hover(
function () {
$("div3").css("display","block");
},
function () {
//离开操作
}
);
},
function () {
//离开操作
}
);
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
没测试过你可以试试看。。。。。。
<head>
<style type="text/css">
#div1{width:300px;height:300px;background:red;display:none;}
#div2{width:150px;height:150px;background:gray;display:none;}
#div2{width:60px;height:60px;background:gray;display:none;}
</style>
<script>
$("div1").hover(
function () {
$("div2").css("display","block");
$("div2").hover(
function () {
$("div3").css("display","block");
},
function () {
//离开操作
}
);
},
function () {
//离开操作
}
);
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
没测试过你可以试试看。。。。。。
追问
我测试过 貌似不行 div没显示 我也点不到，现在的问题是在底层页面上使用hover可以正常显示图片，但是在已经显示的第二层图片上再次使用就没有弹出的最终页面了，这个最终的页面，我在底层页面上使用hover时是能够显示的
追答
我这里没有工具，无法测试，正是暧昧能助啊!
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码粘出来看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
