JQ自定义的链接提示问题。

yesizhu103 yesizhu103 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<script type="text/javascript">
$(document).ready(function () {
$("a.tooltip").mouseover(function (e) {
ev = event || window.event;
function mousePos(ev) {
if (ev.pageX || ev.pageY) {
return {
x: ev.pageX,
y: ev.pageY
};
} return {
x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y: ev.clientY + document.body.scrollTop - document.body.clientTop
};
};
this.myTitle = this.title;
this.title = "";
var tooltip = "<div id='tooltip'>" + this.myTitle + "</div>"; //创建DIV元素
$("body").append(tooltip); //追加到文档中
$("#tooltip").css({
"top":(mousePos(ev).y) + "px",
"left":(mousePos(ev).x) + "px"

}).show("fast");//设置横纵坐标,并且显示

}).mouseout(function () {
this.title = this.myTitle;
$("#tooltip").remove(); //移除
});
})

</script>


<p><a href="#" class="tooltip" title="超链接提示1">提示1</a></p>
<p><a href ="#" class="tooltip" title="超链接提示2">提示2</a></p>
红色标注的地方是我所疑惑的地方,我通过自定义函数获取到鼠标的坐标位置,然后作为链接提示层的位置,可是在界面显示上却显示不出来这个样式。请问是哪儿写错了呢
...全文

相关推荐

全球检查台纸市场稳健增长:高频诊疗需求、产品升级与医疗供应链新机会.docx

全球检查台纸市场稳健增长:高频诊疗需求、产品升级与医疗供应链新机会

行业报告QY

超音速扩散器空气动力学优化的MATLAB代码.zip

1.版本:matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

海神之光

数字化转型最后一公里:AI如何打通企业技术需求对接瓶颈.docx

科易网基于40亿+科创知识图谱数据库,深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,研究科技创新领域的AI+数智化解决方案,推动科技创新与产业创新智能化发展。

BIZKEEN

guang告通系统源码包 霸屏系统源码带教学有演示

只需要有对方vx号或者电话号 即可完成精准投放任务到对方朋友圈视频号公众号小程序 以及腾讯旗下所有应用所有广gao位中霸屏展示反复触达客户意向不浪费一点宝光 演示站:https://ad.jitutu.cn/ 演示账号:18877777777 密码:244466666

2601_95579407

技术转移服务非标质量不稳定?八环节标准化路径让服务可复制.docx

技术转移服务非标质量不稳定?八环节标准化路径让服务可复制

BIZKEEN
评论 7
收藏 已收藏
分享
返回顶部
yesizhu103
JavaScript 87,983 成员 224,681 内容