//鼠标移在图片显示div
function () {
$("#div id").show();
},
//鼠标离开图片时触发
function () {
$("#div id").hover(
//鼠标在层上时，不改变
function () {
},
//鼠标里开层时，隐藏层
function () {
$("#div id").hide();
});
}
);
//鼠标在离开图片后，仍在层上，之后离开层
$("#div id").hover(
//鼠标仍在div上，不改变
function () {
},
//鼠标离开div 时，隐藏div
function () {
$("#div id").hide();
});追问
这样如果 鼠标不移到div上的话 他还是不会隐藏啊？
追答鼠标没移到div上时，如果在图片上就不会隐藏撒，如果鼠标离开了图片，但时在div上时，还是会显示层，只有当鼠标离开图片并且不在div上时才会隐藏啊
//这段代码鼠标在img上时，显示层，离开后判断鼠标是不是在div上，如果在div上就不改变，如果离开就隐藏div
$("#img id").hover(
//鼠标移在图片显示div
function () {
$("#div id").show();
},
//鼠标离开图片时触发
function () {
$("#div id").hover(
//鼠标在层上时，不改变
function () {
},
//鼠标里开层时，隐藏层
function () {
$("#div id").hide();
});
}
);
//这段表示鼠标已经离开了img后并且鼠标在div上，之后鼠标离开div就隐藏div
$("#div id").hover(
//鼠标仍在div上，不改变
function () {
},
//鼠标离开div 时，隐藏div
function () {
$("#div id").hide();
});
//鼠标离开图片时触发
function () {
$("#div id").hover(
//鼠标在层上时，不改变
function () {
},
//鼠标里开层时，隐藏层
function () {
$("#div id").hide();
});
这块如果鼠标不移到div上时 div肯定不隐藏的
//就这么简单。就可以实现你得问题了。。。做了好多无用功.....
$( function() {
$('#div_').hide();
$('#img').hover( function() {
$('#div_').show();
}, function() {
$('#div_').hide();
});
$('#div_').hover( function() {
$('#div_').show();
}, function() {
$('#div_').
hide();
});
});
<img src="1.jpg" onMouseOver="this.src='2.jpg'" onMouseOut="this.src='1.jpg'">
*{ margin:0; padding:0;}
.container{ border:2px solid #666; width:321px; margin:50px;}
.img_nav{ border-bottom:1px solid #666; position:relative; z-index:2;}
.content{ display:none; position:relative; z-index:1;}
</style>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script>
$(function(){
$(".img_nav,.content").mouseover(function(){
$(".content").show();
});
$(".img_nav,.content").mouseout(function(){
$(".content").hide();
});
})
</script>
</head>
<body>
<div class="container">
<p class="img_nav">这里用p代替图片</p>
<div class="content">
<p>dfdfdfdf</p>
<p>dfdfdfdf</p>
<p>dfdfdfdf</p>
<p>dfdfdfdf</p>
</div>
</div>
</body>
</html>追问
你没明白我的意思 可以看下一楼
$("#div").hover(
function () {
$("#div2").css("display","inline");
},
function () {
$("#div2").css("display","");
}
);
)}
<div id=div1>1111111111111111</div>
<div id=div2 style="display:none">222222222222</div>追问
你没理解我的意思啊
追答已经修改,完美实现. 自己替换引用jquery.js文件.
无标题文档
$(document).ready(function(){
$("#div1,#div2").hover(
function () {
$("#div2").css("display","inline");
},
function () {
$("#div2").css("display","none");
}
);
})
1111111111111111
222222222222
请教！！
鼠标移在图片显示div, 离开时 如果鼠标在显示的div上时就不隐藏,反之隐...
\/\/鼠标离开图片时触发 function () { ("#div id").hover(\/\/鼠标在层上时，不改变 function () { },\/\/鼠标里开层时，隐藏层 function () { ("#div id").hide();});} );\/\/鼠标在离开图片后，仍在层上，之后离开层 ("#div id").hover(\/\/鼠标仍在div上，不改变 function () {...
JQUERY多个DIV鼠标移入移出显示隐藏对应DIV
实现这种功能的jquery是相当简单的，list元素鼠标移入，当前元素里的 span显示；移出则相反，具体代码如下：(function(){\/\/鼠标移入$('.list').mouseenter(function(){\/\/这里使用mouseover也可以，使用mouseenter是防止冒泡(this).find('span').show();\/\/这里的show可以改成animate，toggle都可以});\/...
鼠标滑过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"...
html div+css 像视频,图片下有文字显示的代码怎么写
还有一种是鼠标移动到图片上，会有灰色底色白色文字冒出来，鼠标移走后，文字消失的 这种可以用onmouseover时间定义一个函数，当鼠标移到图片上时 那个文字的div中display:block;移走后display:none
如何实现鼠标放在图片上显示一个播放图标?
下载文件：实现鼠标放在图片上显示一个播放图标.zip|1、用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div),onmouseout的时候再隐藏播放按钮层。2、用css实现：:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。如下是我做的一个小案例(css实现)，比较简单，提供一种思路。【源代码见...
鼠标放在超链接上, 显示DIV。 移开后隐藏DIV。
1、首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。2、然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。3、最后添加代码，在页面加载完后，给页面添加鼠标mousemove事件，在事件函数里，调用 moving方法，就实现...
jquery 怎么判断鼠标是否在div上
jquery判断鼠标是否在div里的三种方法 下面是三种方法的具体源码：\/\/#aijquery 就是要判断的DIV\/\/方法一：if($.contains($("#aijquery")[0],e.target) || $("#aijquery")[0]==e.target){ $(".info").text("鼠标在这个DIV里");}else{ $(".info").text("鼠标不在这个DIV里"...
...页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement；FF中用e.target；能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 (document).mousedown(function(event){ alert(event.target.id); \/\/这样会弹出你...
Jquery的show()和hide()的问题 目前是鼠标移入li则显示DIV,移除则隐藏...
jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。如：("#one").hover(function(){ $("#item").fadeToggle();});使用Jq函数，前提是要引入jquery库，即jquery.js
jquery 怎么实现鼠标在DIV上停止不动3秒后就出现悬浮提示框,如果移动鼠 ...
提示框的class属性可以修改样式function MoveTitle(Element,Text,Time,Class){var ElementJQ=$(Element);\/\/创建提示框var CreateTitle=function(event){if(ElementJQ.TitleTime){clearTimeout(ElementJQ.TitleTime);ElementJQ.TitleTime=setTimeout(function(){ElementJQ.TitleDiv=document....
