zoukankan
html css js c++ java
弹出层
<html xmlns="
http://www.w3.org/1999/xhtml
" >
<head runat="server">
<title>弹出层</title>
<script type ="text/javascript" src ="jquery-1.4.2.min.js" ></script>
<script type ="text/javascript" >
$(document).ready(function()
{
//动画速度
var speed=500;
//绑定事件处理
$("#btnShow").click(function(event)
{
//取消事件冒泡
event.stopPropagation();
//设置弹出层的位置
var offset=$(event.target).offset();
$("#divTop").css({top:offset.top+$(event.target).height()+"px",left:offset.left});
$("#divTop").show(speed);
})
//单击空白区域隐藏层
$(document).click(function(event)
{
$("#divTop").hide(speed);
}
)
//单击层隐藏自身
$("#divTop").click(function(event)
{
$("#divTop").hide(speed);
})
}
)
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<br /><br /><br />
<button id ="btnShow">显示提示文字</button>
</div>
<div id ="divTop" style ="background-color:#f0f0f0; border : solid 1px #000000; position :absolute ; display :none ; width :300px ; height :100px">
<div style =" text-align:center "> 弹出层</div>
</div>
</form>
</body>
</html>
查看全文
相关阅读:
线程池参数设置技巧
线程池的七个参数
bug篇——Windows启动redis报错Creating Server TCP listening socket 127.0.0.1:6379: bind: No error
总结篇——git本地仓库上传更新到github
实例篇——springboot自定义拦截器
总结篇——从零搭建maven多模块springboot+mybatis项目
bug篇——MySQL的时区问题
工具类篇——时间处理Calendar类
安装篇——nginx安装ssl模块转发https请求
总结篇——nginx代理服务器
原文地址:https://www.cnblogs.com/tangself/p/1995367.html
最新文章
vue ref父子组件传值
vue axios的跨域前后端解决方案
(leetcode题解)Reshape the Matrix
(leetcode题解)Search Insert Position
(leetcode题解)Array Partition I
(leetcode题解)Merge Sorted Array
(leetcode题解)Top K Frequent Elements
强制类型转换
单源最短路径
copy构造函数
热门文章
namespace 命名空间
日常编程练习(四)
TCP如何保证消息顺序以及可靠性到达
五层网络协议及其功能
B树、B-树、B+树详解
百度一面面经
三次握手和四次挥手过程详解
硬中断和软中断的区别
生产者消费者问题(使用notify和wait设计)
数据库事务
Copyright © 2011-2022 走看看