请 高手 改一个 js 弹出菜单 让鼠标可以移动到 弹出来的div层上
如题~这是这个js菜单的下载地址:http://www.divcss5.com/css-texiao/texiao453.shtml...
如题~
这是 这个js菜单的下载地址:http://www.divcss5.com/css-texiao/texiao453.shtml 展开
这是 这个js菜单的下载地址:http://www.divcss5.com/css-texiao/texiao453.shtml 展开
1个回答
展开全部
$(function () {
$("#listabl ul li").hover(function () {
var name = $(this).text();
var y = $(this).offset().top;
$("#dd").empty();
$("#dd").append("<div id='divtext'>" + name + "</div>");
$("#dd").css({ "top": y, "position": "absolute", "left": "200px", "border": "1px solid red", "width": "300px", "height": "100px" });
$("#dd").fadeIn();
}, function () {
$("#dd").hide();
})
})
<div id="listabl">
<ul>
<li>移动</li>
<li>中国</li>
<li>中国</li>
<li>中国</li>
</ul>
</div>
<div id="dd" style="display:none"></div>
$("#listabl ul li").hover(function () {
var name = $(this).text();
var y = $(this).offset().top;
$("#dd").empty();
$("#dd").append("<div id='divtext'>" + name + "</div>");
$("#dd").css({ "top": y, "position": "absolute", "left": "200px", "border": "1px solid red", "width": "300px", "height": "100px" });
$("#dd").fadeIn();
}, function () {
$("#dd").hide();
})
})
<div id="listabl">
<ul>
<li>移动</li>
<li>中国</li>
<li>中国</li>
<li>中国</li>
</ul>
</div>
<div id="dd" style="display:none"></div>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询