用JavaScript实现层在指定位置显示
来源:互联网 发布:赚钱的网络兼职 编辑:程序博客网 时间:2024/05/31 06:21
<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 实现滑到标题(指定位置)后将标题显示在导航栏上
- SOM机器学习
- 使用nginx 同一端口根据不同域名转发到不同端口
- 新手上路,大家觉得毕业设计做Symbian可行么?
- 主Activity中如何获取Viewpager下其中一个fragment的方法?
- 提交的时候选择<INPUT name= type=hidden>
- 用JavaScript实现层在指定位置显示
- 制作编程视频Tips-Windows 10 日记本
- 手机软件开发VS2008 C#
- 【求助】怎么给Dialog添加command啊(在线等)
- 一个参数问题 关于动态和静态
- 晕了,这个怎么弄额
- 查找算法(2):线性结构的二分查找
- vc++的屏幕截图
- lambda表达式基础