jquery控制显示与隐藏解决思路
日期：2014-05-18 浏览次数：20415 次
jquery控制显示与隐藏
是这样的.
页面中的js
用jquery的方法 $("#div1").load("aa.aspx");
加载了个页面,,放到div1中
html代码如下:
<input type="text" id="txtTo" name="txtTo">
<div id="div1">
</div>
js代码:
$("#txtTo").focus(function () {
$("#div1").load("aa.aspx");
});
现在想实现当鼠标 不在 txtTo文本框中,不在<div>所包围中,去隐藏掉<div>...js代码如何写?谢谢!
------解决方案--------------------
<input type="text" id="txtTo" name="txtTo" onblur='$("#div1").hide();'>
------解决方案--------------------
是这样的.
页面中的js
用jquery的方法 $("#div1").load("aa.aspx");
加载了个页面,,放到div1中
html代码如下:
<input type="text" id="txtTo" name="txtTo">
<div id="div1">
</div>
js代码:
$("#txtTo").focus(function () {
$("#div1").load("aa.aspx");
});
现在想实现当鼠标 不在 txtTo文本框中,不在<div>所包围中,去隐藏掉<div>...js代码如何写?谢谢!
------解决方案--------------------
<input type="text" id="txtTo" name="txtTo" onblur='$("#div1").hide();'>
------解决方案--------------------
- JScript code
$(function(){
$("div").mouseleave(function () {
$(this).hide();
});
})
------解决方案--------------------
- JScript code
jQuery(function($) {
$('#txtTo').mouseout(function() {
var i = false;
$('#div1').hover(function() {
i = true;
$(this).show();
}, function() {
$(this).fadeOut(1000);
});
if (i == false) $('#div1').hide();
}).mouseover(function() {
$('#div1').show();
});
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
