鼠标移过显示提示信息框（自动获取鼠标坐标）

最新推荐文章于 2021-12-15 15:10:24 发布

weixin_34268579

最新推荐文章于 2021-12-15 15:10:24 发布

阅读量390

点赞数

文章标签： javascript ViewUI

本文介绍了一个简单的网页交互案例，通过jQuery库实现了鼠标悬停时显示提示信息的功能，并结合了sparkline图表展示数据。代码中包含了HTML结构定义、jQuery事件处理以及样式设置等关键部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head runat="server">
<title></title>
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<script src="jquery.sparkline.min.js" type="text/javascript"></script>
<script type="text/javascript">
var mouseX;
var mouseY;
function mouseLeave() {
$("#infoDiv").css('display', 'none');
}
function mouseOver(obj) {
mouseX = event.clientX;
mouseY = event.clientY;
$("#infoDiv").html('单击弹出详细信息！');
$("#infoDiv").css('margin-left', mouseX);
// $("#infoDiv").css('margin-top', '-80px');
infoDiv.style.display = "block";
}