GridView鼠标移上某行显示浮动DIV提示信息

最新推荐文章于 2023-09-13 11:20:58 发布

原创最新推荐文章于 2023-09-13 11:20:58 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #javascript #function #string #c# #c

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的鼠标跟随效果实现方案，使用JavaScript来捕捉鼠标位置，并更新元素的位置使其跟随鼠标移动。同时介绍了如何通过C#设置网页元素的鼠标悬停及移出事件。

项目需要用到这功能，实现其实很简单，直接上代码--------------------代码很粗糙。

JavaScript:

function mover(event,val) { var div=document.getElementById("kk"); var event = window.event || event; div.style.left=event.clientX+"px";//"px"必须 div.style.top=event.clientY+"px";//"px"必须 div.innerHTML=val; div.className="show"; } function out() { document.getElementById("kk").className="none"; }

C#:

if (e.Row.RowType == DataControlRowType.DataRow) { string msg ="msg"; string mover = "javascript:mover(event,/'" + msg + "/');"; e.Row.BackColor = System.Drawing.Color.Bisque; e.Row.Attributes.Add("onmouseover", mover); e.Row.Attributes.Add("onmouseout", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#ffe4c4';javascript:out();"); }