教程集 > jQuery > jquery 教程 > 正文基于jquery鼠标点击其它地方隐藏层的实例代码

基于jquery鼠标点击其它地方隐藏层的实例代码

发布时间：2013-07-17 编辑：jiaochengji.com

基于jquery鼠标点击其它地方隐藏层的实例代码，需要的朋友可以参考下。

基于jquery鼠标点击其它地方隐藏层的实例代码，需要的朋友可以参考下。效果图:

下面的代码运行后，需要再刷新一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>test</title> 
<style type="text/css"> 
.div_d{ padding:10px; border:1px dotted red; position:absolute; display:none; cursor:pointer;} 
</style> 
<script src="http://demo.jb51.net/jslib/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("input[id=search]").focus(function(even){ 
var pos=$(this).offset();

$(".div_d").css({left:pos.left,top:pos.top+20+"px",display:"block"}); 
}); 
document.onclick=function(e){

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章：
基于jquery鼠标点击其它地方隐藏层的实例代码
 基于JQuery实现鼠标点击文本框显示隐藏提示文本
 jquery hide与show方法隐藏与显示标签
 JQuery实现点击div以外的位置隐藏该div窗口
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
jquery隐藏标签、显示标签的例子
 jQuery点击div其他地方隐藏div
鼠标移出事件的案例以及详解
 jquery隐藏标签和显示标签的实例

上一篇：整理的40个有用的jQuery技术和教程下一篇：jqeury eval将字符串转换json的方法

[关闭]

基于jquery鼠标点击其它地方隐藏层的实例代码

最近更新

浏览排行