用JavaScript实现层在指定位置显示
来源:互联网 发布:淘宝网男针织衫 编辑:程序博客网 时间:2024/05/20 05:54
<html>
<script type="text/javascript">
function show1(event)
{
var sourceObj=event.srcElement||event.target;
var targetObj=document.getElementById("test1");
targetObj.style.left=sourceObj.offsetLeft;
targetObj.style.top=sourceObj.offsetTop+sourceObj.offsetHeight;
}
function show2(event)
{
var sourceObj=event.srcElement||event.target;
var targetObj=document.getElementById("test2");
targetObj.style.left=sourceObj.offsetLeft+sourceObj.offsetWidth;
targetObj.style.top=sourceObj.offsetTop;
}
function show3(event)
{
var sourceObj=event.srcElement||event.target;
var targetObj=document.getElementById("test3");
targetObj.style.left=sourceObj.offsetLeft+sourceObj.offsetWidth;
targetObj.style.top=sourceObj.offsetTop+sourceObj.offsetHeight;
}
</script>
<body>
<input name="button1" type="button" value="层测试1" onClick="show1(event);">
<input name="button2" type="button" value="层测试2" onClick="show2(event);">
<input name="button3" type="button" value="层测试3" onClick="show3(event);">
<br>
<br><br>
<div id="test1" style="position:absolute;height:60; width:120;border:1px #feda32 solid;background-color:#33aad2;">
层1
</div>
<br><br><br>
<div id="test2" style="position:absolute;width:120;height:60;border:1px #feda32 solid;background-color:#33aad2;">
层2
</div>
<br><br><br>
<div id="test3" style="position:absolute;width:120;height:60;border:1px #feda32 solid;background-color:#33aad2;">
层3
</div>
</body>
<html>
- 用JavaScript实现层在指定位置显示
- 用JavaScript实现层在指定位置显示
- 在指定位置显示窗口
- android——代码实现在指定位置显示View
- 在指定位置显示string 的值
- opencv 在指定位置显示图像
- Android中PopupWindow显示在指定位置
- popupWindow 在指定位置上的显示
- Android中PopupWindow显示在指定位置
- popupWindow 在指定位置上的显示
- popupwindow 显示在指定的位置
- popupWindow 在指定位置上的显示
- popupWindow 在指定位置上的显示
- popupWindow 在指定位置上的显示
- sql排序后指定记录显示在指定位置
- css实现文字指定位置显示,底部对齐,文字在块内的垂直对齐
- 不刷新页面实现图片上传,并在指定位置显示
- RecyclerView 实现滑到标题(指定位置)后将标题显示在导航栏上
- sprintf的一点问题
- 我的图标设计网站
- linux svn co时候出现 unresolve hostname的方法解决方法
- oracle: any、some、all 解析
- initramfs,一个新initial RAM disks模型
- 用JavaScript实现层在指定位置显示
- Expression Blend 属性面板和常用控件
- 头好晕!
- 修复和更改XP打开、保存对话框左侧的快捷图标
- ADO.net学习总结二
- ADO.net学习总结三
- 李开复创业了
- 预防结石
- Linux 引导过程内幕