jQuery焦点控制图层展示延迟隐藏的方法
本文实例讲述了jQuery焦点控制图层展示延迟隐藏的方法。分享给大家供大家参考。具体实现方法如下：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<b id="button">点我</b>
<div id="div" style="background:#faf;outline:none;display:none">我是内容</div>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})
})
jQuery.extend({
focusShow: function(config){
//ps:焦点控制图层展示,延迟隐藏
//focusShow({butID:'按钮ID',divID:'容器ID',mouse:'over || click',time:'时间'})
var butID = $(config.butID || false),
divID = $(config.divID || false),
mouse = config.mouse || 'click',
time = config.time || '500',
timer;
function re(){$(divID).hide()}
switch (mouse){
case "click":
butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});
divID.bind({
"focus":function(){clearTimeout(timer);divID.show()},
"blur":function(){timer = setTimeout(re,time)}
})
break
case "over":
$(butID,divID).each(function(){
$(this).bind({
'mouseover':function(){clearTimeout(timer);divID.show()},
'mouseout':function(){timer = setTimeout(re,time)}
})
})
break
default:
}
}
});
</script>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍javascript控制层显示或隐藏的方法，包括了javascript控制层显示或隐藏的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript控制层显示或隐藏的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
我想隐藏的动作条，当一个activity启动，当用户触摸屏幕显示几秒钟，然后再次隐藏。 下面是我想要的，但我想知道是否有更好的方法（忽略一些样式问题：魔术数字、逻辑重复等）。 我用的是ActionBarSherlock。 谢谢
-
本文向大家介绍jQuery控制TR显示隐藏的几种方法，包括了jQuery控制TR显示隐藏的几种方法的使用技巧和注意事项，需要的朋友参考一下 网上有很多，这里介绍三种： 第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下： 那么控制显隐可以直接使用 第二种方法，是使用$.each()，这个方法需要设置table的id，如下： 那么控制显隐可以
-
本文向大家介绍jQuery控制元素隐藏和显示，包括了jQuery控制元素隐藏和显示的使用技巧和注意事项，需要的朋友参考一下 1、jQuery隐藏和显示效果 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： 2、jQuery淡入淡出效果 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn()
-
本文向大家介绍jQuery控制TR显示隐藏的三种常用方法，包括了jQuery控制TR显示隐藏的三种常用方法的使用技巧和注意事项，需要的朋友参考一下 网上有很多，这里介绍三种： 第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下： 那么控制显隐可以直接使用 第二种方法，是使用$.each()，这个方法需要设置table的id，如下： 那么控制
-
本文向大家介绍jquery控制页面的展开和隐藏实现方法(推荐)，包括了jquery控制页面的展开和隐藏实现方法(推荐)的使用技巧和注意事项，需要的朋友参考一下 【jquery代码】 【HTML代码】 以上就是小编为大家带来的jquery控制页面的展开和隐藏实现方法(推荐)全部内容了，希望大家多多支持呐喊教程~