js之点击超连接,提示一个层.点击空白.层消失- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js之点击超连接,提示一个层.点击空白.层消失

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

Javascript 中的 js之点击超连接,提示一个层.点击空白.层消失

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 160 ::

收藏到网摘: n/a

网上抓的一个特效模拟用户操作Input元素，不会触发相应事件

请教一下.点击超连接,提示一个层.点击空白.层消失.

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>提示</TITLE>
<META http-equiv=content-type content="text/html; charset=gbk">
<STYLE type=text/css>
BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333
}
input{ width:200px;border: 1px solid #86B9D6;
}
#reg_div{ color: #154BA0; border: 1px solid #86B9D6; background: #D9EEF9; position: absolute; z-index: 30; height: 180px; width:400px;
}
.city{ width:80px; float:left; padding:8px; text-align:center;
}
.ps_div{ padding:10px 10px 2px 10px; border-bottom:1px dotted #ccc;
}
</STYLE>
<script>
function oo(obj){ return typeof(obj)=="string"?document.getElementById(obj):obj
}
function allt(id){ e=oo(id) var et=e.offsetTop; var el=e.offsetLeft; while(e=e.offsetParent){ et+=e.offsetTop; el+=e.offsetLeft; } oo("reg_div").style.left=(el) + "px"; oo("reg_div").style.top=(et+20) + "px"; oo("reg_div").style.display='';
// oo("reg_div2").innerHTML=id; // 添加提示信息(根据id判断) // oo("reg_div").style.display='none';
}
function bllt(id){ oo("input_01").value=oo(id).innerHTML oo("reg_div").style.display='none';
}
</script>
</HEAD>
<body>
<script>
function Object_Onclick(){
if(document.activeElement.id!="input_01"){
// alert("dd") oo(reg_div).style.display='none';
}
}
window.document.onclick= Object_Onclick;
</script>
<input id=input_01 type="text" onfocus="allt(this);">
<div id=reg_div style="display:none"> <div class=ps_div><span style="float:right;" onclick="oo('reg_div').style.display='none'">关闭</span>查找提示:</div>
<div id=city_01 class=city onclick="bllt(this)">北京</div>
<div id=city_02 class=city onclick="bllt(this)">上海</div>
<div id=city_03 class=city onclick="bllt(this)">广州</div>
<div id=city_04 class=city onclick="bllt(this)">深圳</div>
<div id=city_01 class=city onclick="bllt(this)">杭州</div>
<div id=city_02 class=city onclick="bllt(this)">南京</div>
<div id=city_03 class=city onclick="bllt(this)">成都</div>
<div id=city_04 class=city onclick="bllt(this)">武汉</div>
<div id=city_01 class=city onclick="bllt(this)">青岛</div>
<div id=city_02 class=city onclick="bllt(this)">大连</div>
<div id=city_03 class=city onclick="bllt(this)">重庆</div>
<div id=city_04 class=city onclick="bllt(this)">三亚</div>
<div id=city_01 class=city onclick="bllt(this)">郑州</div>
<div id=city_02 class=city onclick="bllt(this)">宁波</div>
<div id=city_03 class=city onclick="bllt(this)">西安</div>
<div id=city_04 class=city onclick="bllt(this)">长沙</div>
</div>
</body>
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

网上抓的一个特效模拟用户操作Input元素，不会触发相应事件

Javascript 中的 js之点击 超连接,提示一个层.点击空白.层消失

评论 (0) All

Javascript 中的 js之点击超连接,提示一个层.点击空白.层消失