动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
来源:互联网 发布:uml类图用什么软件 编辑:程序博客网 时间:2024/05/22 16:37
<a name="" onmouseover="getValue(this)" class="ltableLink"> </a> //这是html的,当然a是动态创建出来的,下面一行是动态的代码
<pre name="code" class="html"><a name="<%# Eval("EVENTMESSAGEID")%>" onmouseover="getValue(this)" class="ltableLink"> <%# Eval("StateName")%></a>
//下面是js代码
<pre name="code" class="javascript"> ////取得值并显示出来 function getValue(o) { ///得到位置 var offset = $(o).offset(); ///得到位置 var left1 = offset.left + 20; ///得到位置 var top1 = offset.top + 20; //alert(left1); //alert(top1); ///alert($(o).html()); ///alert($(o).attr("name")); ///得到参数 $(document).ready(function () { ev = $(o).attr("name"); ////得到值并进入 $("#detail").show();//detail是一个装内容的框 $("#detail").css({ position: "absolute", 'top': top1, 'left': left1, 'z-index': 2 });//框的位置根据鼠标来定 $.ajax({ type: "post", url: "../tools/eventExcuteHistory.ashx?eventMessageId='" + ev + "'&time=" + Math.random(),//后台地址 dataType: "html", success: function (data, textStatus) { $("#detail").html(data); } }); $("#detail").mouseleave(function () {//注意用mouseleave。因为<span style="font-family: Simsun;font-size:12px;">不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。</span><p style="font-family: Simsun;"><span style="font-size:12px;"><span style="white-space:pre"></span>//只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。</span></p> $("#detail").hide();//隐藏 }); }); }
<pre name="code" class="css"> <style type="text/css"> .detail { width: 345px; height: 255px; position: absolute; left: 764px; top: 123px; background-color: Gray; } </style>
<pre name="code" class="html"> <div id="detail" style=" width: 508px; display: none;">
0 0
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- 通过获取鼠标的点击位置来动态定位元素
- bootstrap table通过ajax获取后台数据展示在table
- JavaScript 获取鼠标及元素在页面上的位置
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- 通过 JavaScript 获取页面上的鼠标位置
- JQ鼠标滑过特效
- js实现手机端可以上拉刷新,动态通过ajax从后台获取数据
- 当鼠标移到某一元素上时候显示提示信息,离开时提示信息也消失
- OSG获取鼠标点选事件的位置
- 根据鼠标的位置动态的设置层的位置
- C#动态获取鼠标位置的颜色
- Echarts 动态从后台获取数据进行图表的展示
- js、jq获取当前鼠标位置
- 鼠标事件3-获取鼠标位置
- 获取图片上鼠标的位置
- struts2 2.5.2web.xml和struts.xmll配置
- 程序员价值观和网络复杂性-网络不可达排查过程
- DNA Regions
- 超长正整数相加
- Java线程详解
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- android面向holder编程,再度封装代码
- 多少个1组成的整数可以被2016整除?
- 软件的地址
- 性能测试流程之需求分析
- 沉浸式状态栏那些事儿
- 安卓仿淘宝商品规格弹出窗口
- (23)HTML5-Cookie和Session
- Java环境变量配置