<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
</head>
<script language="JavaScript">
function $(id){
return (document.getElementById(id))
}
function show_div(evt) {
var od = $('div1')
var e = window.event || evt
var o = e.srcElement || e.target
with (od.style) {
display = 'block'
left = o.offsetLeft + 'px'
top = o.offsetTop + o.offsetHeight + 1 + 'px'
}
}
function hide_div(evt) {
$('div1').style.display = 'none'
}
function control_bubble(oEvent) {
//取消冒泡
oEvent = oEvent || window.event
if (document.all) {
oEvent.cancelBubble = true
} else {
oEvent.stopPropagation()
}
}
function fill_input(oEvent) {
$('text1').value = $('div1').innerHTML
control_bubble(oEvent)
}
window.onload = function() {
$("text1").onfocus = show_div
document.onclick = function() {
//隐藏层
hide_div()
}
$("text1").onclick = control_bubble
$("div1").onclick = fill_input
}
</script>
<body>
<br>
<input type="text" id="text1" value="">
<br>
<div id="div1" align="center"
style="background:#666position:absoluteoverflow:autodisplay:nonepadding:50px">点击我</div>
</body>
</html>
要点一下吗？用户体验也忒差了用mouseover跟mouseout不可以吗？
鼠标移入就出现，移出就木有
用css+js就可以实现浏览器通用了
就用你的程序改变吧
<script language="javascript">var uhg = document.getElementById("uhg")
var ghu = document.getElementById("ghu")
uhg.onmouseover = function(){
ghu.style.display = "block"
}
uhg.mouseOut = function(){
ghu.style.display = "none"
}
bootstrap 模态框（modal）默认点击非模态框部分和键盘esc会关闭模态框，但是有时会有需求不允许关闭，所以介绍一下实现这种需求的两种方法。第一种：使用js$('#modal').modal({backdrop: 'static', keyboard: false}) backdrop:static时,空白处不关闭. keyboard:false时,esc键盘不关闭.第二种：使用属性data-backdrop="static" data-keyboard="false" 如：
