软件开发培训班 >> 编程开发 >> JavaScript

基于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){

技术文章快速查找

jquery ajax 局部无刷新更新数据的实现案例

3种不同方式的焦点图轮播特效分享

js function定义函数的几种不错方法

一步一步教你写带图片注释的淡入淡出插件（四）

20个非常棒的 jQuery 幻灯片插件和教程分享

javascript 学习笔记(onchange等)

jQuery 常见开发使用技巧总结

javascript里模拟sleep(两种实现方式)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建