控制弹出div显示在鼠标附近的位置
前一个页面:
$("#txt_ocname").click(function () {
art.dialog.open("/SelPosAll.aspx", { width: 650, height: 350, title: "请选择职位", lock: false,
close: function () {
var bValue = art.dialog.data('rid'); // 读取页面返回的数据
console.log("bValue:", bValue);
if (isNull(bValue) == false) {
var aa = bValue.split('|');
if (aa.length > 1) {
if (aa.length > 0) {
$("#txt_ocid").val(aa[0])
}
if (aa.length > 1) {
$("#txt_ocname").val(aa[1])
}
}
else {
AlertXX("请选择职位");
}
}
else {
AlertXX("请选择职位");
}
}
});
return false;
});
<script type="text/javascript">
function closez(id) { //隐藏层
$("#z_" + id).hide();
}
function show(id, event) {
var pc = $("#pc_" + id).val(); //弹出层显示数量
var x = event.pageX - 20;
var y = event.pageY + 10;
if (pc > 8) { //超过8条left设置为200
if (x >= 200) {
x = 200;
}
}
else {
if (x >= 400) {
x = 400;
}
}
if (y > 100) { //top坐标超过100 设置为100
y = 100;
}
var xx = $("#txt_c").val();
var ss = xx.split(',');
for (var i = 0; i < ss.length; i++) {
$("#z_" + ss[i]).hide(); //隐藏全部
if (id == ss[i]) {
$('#z_' + id).css({
"opacity": "0.9",
"display": "block",
"top": (y) + "px",
"left": (x) + "px"
}).show(); //显示指定div
}
}
}
function OK(id) { //跨页面传值
art.dialog.data('rid', id); // 存储数据
art.dialog.close();
}
</script>
控制弹出div显示在鼠标附近的位置的更多相关文章
- Jquery hover鼠标经过时弹出div动态提示语
一.效果图 二.需求描述 1.鼠标经过table每一行时,弹出div动态提示语: 2.div弹出层的位置随鼠标位置的变化而变化: 3.鼠标离开table或获取的动态提示语为空时,div弹出层消失. 下 ...
- Example005控制弹出窗口居中显示
<!-- 实例005控制弹出窗口居中显示 --> <head> <meta charset="UTF-8"> </head> < ...
- 创建一个弹出DIV窗口
创建一个弹出DIV窗口 摘自: http://www.cnblogs.com/TivonStone/archive/2012/03/20/2407919.html 创建一个弹出DIV窗口可能是现在 ...
- js点击弹出div层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery 弹出div层
目的:使用jQuery弹出一个div窗口:这种效果经常应用于页面内容的展示,登录效果的实现.其实,实现这种效果有好多种方式: 效果如下: 代码如下: <html> <head> ...
- 基于jQuery悬停弹出遮罩显示按钮代码
今天给大家分享一款基于jQuery悬停弹出遮罩显示按钮代码.这是是一款当鼠标悬停在图片上后,会出现一系列的按钮,文字等弹性动画效果.效果图如下: 在线预览 源码下载 实现的代码. html代码: ...
- 【CefSharp】 禁用右键菜单 与 控制弹出窗口的方式(限版本39.0.0.1)
这周没什么时间,一开始就在忙一些CefSharp的事情,Win10的研究就放了下来,CefSharp的资料挺少的,但好在是开源的,可以我们便宜的折腾.因为两个的内容都不多,我就合成一篇文章啦. 这还里 ...
- js弹出div层,弹出层页面底部出现UL出现一条线问题
整个弹出div层,列表满一页时:底部会出现一条横线 原因:ul固定写在页面中了 解决方法: 将ul代码与li列表一样写在js中,如下 var newhtml = '<ul class=" ...
- js弹出div层内容(按回退键关闭div层及遮罩)
<!--弹出的div列表对应的详情--> <div id="newhtml" class="white_content"> <di ...
随机推荐
- Python异常的使用
伪代码: try: 出错部分的代码...... except Exception as e: print '404网页' #Exception是所有错误类型的父类,包括所有出错信息 finally: ...
- 构建高可用web站点学习(三)
分布式的构建 做为网站访问的生命线(数据访问),当然也可以采用分布式的方法来减轻单台服务器的访问压力.之前有讲过Memcached的分布式,但是Memcached服务器互不通信,所以我们也提过redi ...
- 基于fis的前端模块化和工程化方案
前端构建工具 面对日益复杂的前端环境以及前端技术.node技术的高速发展,前端的开发也越来越工程化,体系化,也就是出现了前端自动化构建工具.他们完成的任务目标基本是: js,css,图片的自动压缩合并 ...
- Ansible好像很好玩的样子哟
这个比SALTSTACK轻量,,不知道速度如何..... 参考文档: http://linux.cn/article-4215-1.html wget http://download.fedorapr ...
- 对LockWindowUpdate与GetDCEx的理解(以前不知道还可以锁住刷新)
MSDN如是说:The LockWindowUpdate function disables or enables drawing in the specified window. Only one ...
- 14.3 InnoDB Multi-Versioning InnoDB 多版本
14.3 InnoDB Multi-Versioning InnoDB 多版本 InnoDB 是一个多版本的存储引擎,它保持信息关于改变的数据老版本的信息, 为了支持事务功能比如并发和回滚. 这些信息 ...
- 元素水平垂直居中(transform,margin,table-cell,jQuery)
1.水平居中 .div{ margin:0 auto; (或者 margin:auto;) width:500px; height:300px; } 2.使用margin水平垂直居中 方式一: .di ...
- lr 自带的例子,如何进行关联,通过代码的函数进行实现
本篇主要介绍如何来进行把参数进行关联,首先对web tours进行设定 如下图 点击“administration”j进入跳转页面,如下图所示 勾选第三项,下拉下方,点击“update”按钮, 关闭浏 ...
- adb getprop setprop watchprop用法
在android系统中,有一些初始化的配置文件,例如: /init.rc /default.prop /system/build.prop 文件里面里面配置了开机设置的系统属性值,这些属性值,可以通过 ...
- I - Strategic Game - hdu 1054(最小点覆盖)
题意:用最小的点来覆盖全部的边,因为二分图里面最大的匹配就是最小覆盖,所以直接匹配一下即可 ****************************************************** ...