<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;}
.nav{width:600px;height:40px;margin:0 auto;background: #cdcccc;}
.nav ul{width:602px;height:40px;list-style:none;}
.nav ul li{float:left;width:200px;height:40px;line-height:40px;text-align:center;border-right:1px solid #999;}
.nav ul li.last{border-right:none;position:relative;}
.nav ul li a{display:block;cursor:pointer;}
.showdetail{background: #dfdfdf;position: absolute;width:200px;left:0;top:40px;display:none;}
.showdetail dt{border-bottom: 1px solid #aaa;height: 40px;line-height: 40px;color:#666;}
.showdetail dt:hover{background:#999;color:#fff;}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a>首页</a></li>
<li><a>导航一</a></li>
<li class="last">
<a>导航二</a>
<dl class="showdetail">
<dt><a>小类1</a></dt>
<dt><a>小类2</a></dt>
<dt><a>小类3</a></dt>
<dt><a>小类4</a></dt>
</dl>
</li>
</ul>
</div>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script>
$(function(){
$(".last").hover(function(){
$(".showdetail").slideDown();
},function(){
$(".showdetail").slideUp();
})
})
</script>
</body>
</html>
按道理说你这个代码出现的情况应该是你从add上移开是隐藏，从mysteve上移开没反应的才对。
鼠标放在超链接上, 显示DIV。 移开后隐藏DIV。
1、首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。2、然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。3、最后添加代码，在页面加载完后，给页面添加鼠标mousemove事件，在事件函数里，调用 moving方法，就实现d...
鼠标滑过div让另外一个div从隐藏变为显示
1、给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。<script src="http:\/\/apps.bdimg.com\/libs\/jquery\/2.1.4\/jquery.min.js"...
JQUERY多个DIV鼠标移入移出显示隐藏对应DIV
(function(){\/\/鼠标移入$('.list').mouseenter(function(){\/\/这里使用mouseover也可以，使用mouseenter是防止冒泡(this).find('span').show();\/\/这里的show可以改成animate，toggle都可以});\/\/鼠标移出$('.list').mouseleave(function(){\/\/这里使用mouseover也可以，使用mouseenter是防止冒泡$(thi...
鼠标移在图片显示div, 离开时 如果鼠标在显示的div上时就不隐藏,反之隐...
("#div id").hover(\/\/鼠标在层上时，不改变 function () { },\/\/鼠标里开层时，隐藏层 function () { ("#div id").hide();});} );\/\/鼠标在离开图片后，仍在层上，之后离开层 ("#div id").hover(\/\/鼠标仍在div上，不改变 function () { },\/\/鼠标离开div 时，隐藏div functio...
jquery 如何设置鼠标在div区域内时显示div,离开div隐藏div
<style type="text\/css">#div1{width:100px;height:100px;background-color:#000;}<\/style><div id="div1" onmouseover="show(this,true)" onmouseout="show(this,false)"><\/div><script type="text\/javascript">function show(that, bFlag){ var iOpacity = bFlag ? 100 : 0; ...
页面划动到一个地方,隐藏的div展示出来,怎么实现
1、首先给鼠标经过的DIV添加一个类，类名为submeau。2、其次给隐藏的DIV，添加一个ID，ID名为id=“oa_submeau”。3、最后将JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV，即可完成页面划动到一个地方隐藏的div展示出来。
如何实现鼠标点击隐藏div元素内容显示div?
1、需要结合JavaScript实现，首先打开sublime text编辑器，新建一个html文件，写入一个标签和弹出层div，分别设置它们的鼠标移入和移出事件；最后简单的设置两个html标签的样式，让弹出层默认隐藏，设置弹出层的大小背景等属性：2、接着在下方的script标签设置两个函数，一个是鼠标移入时触发用来显示div，另...
在HTML里,当我鼠标移到一个div里 就显示一个隐藏的子div 并且鼠标移到...
一个父div，里面嵌一个子div。开始的时候将子div隐藏，即：子div.syle.display="none";在父div添加onmouseover事件处理，将子div.style.display改成block。对document.body添加onmousemove事件，通过event.clientX和event.clientY来获取鼠标的位置，然后更新子div的位置为鼠标的位置。
用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...
你要的应该是拖拽效果，可以通过jq插件做 http:\/\/www.runoob.com\/jqueryui\/example-draggable.html基本原理就是鼠标按下修改div的left和top（或者right\/bottom）。鼠标离开不变。<!DOCTYPE html><html><head><script src="\/jquery\/jquery-1.11.1.min.js"><\/script><Style>#test{position:absolute...
...当点击页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??_百...
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement；FF中用e.target；能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 (document).mousedown(function(event){ alert(event.target.id); \/\/这样会弹出你...
