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

js 失去焦点时关闭层实现代码

　　本文标签：js,失去焦点,关闭层

<!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>失去焦点时关闭层练习</title> 
<style type="text/css"> 
#divUserName{ 
    width:200px; 
    height:30px; 
    border:1px solid black; 
    background:#cccccc; 
    font-size:12px; 
    margin-top:10px; 
} 
</style> 
<script language="javascript" type="text/javascript"> 
    window.onload = function(){ 
        document.getElementById("tbxUserName").focus(); 
        document.getElementById("tbxUserName").onblur = function(){ 
            document.getElementById("divUserName").style.display = none; 
        } 
        document.getElementById("tbxUserName").onfocus = function(){ 
            document.getElementById("divUserName").style.display = ; 
        } 
         
    } 
</script> 
</head>

<body> 
<input type="text" id="tbxUserName" /><div id="divUserName">这是一个层</div> 
</body> 
</html>

技术文章快速查找

javascript编程起步（第六课）

table对象中的insertRow与deleteRow使用示例

jquery easyui滚动条部分设置介绍

Jquery AJAX POST与GET之间的区别

Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法

JQuery获取样式中的background-color颜色值的问题

JS实现图片翻书效果示例代码

基于jQuery的淡入淡出可自动切换的幻灯插件

相关下载

在线教程导航

软件应用
·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
网络技术
·网站运营	·网络安全	·网络搭建