HTML实现简单的提示框

本文我们将和大家分享HTML实现简单的提示框,由于项目中需要一个简单的提示框,就是鼠标放上去,可以提示相关信息,引用第三方的比较麻烦,所以,这里封装了一个很简单的HTML方法。

 function show(obj,id) { var objp = $("#"+id+""); /**   这里我们可以使用ajax从数据库获取数据动态改变提示框里的内容   $.post('./test.php',{act:"ajax_get_ifo", goods_id:goods_id}, function (res){                objp.html("
"+res.data+"
"); }, 'json');**/$(objp).css("display","block"); $(objp).css("left", event.clientX + 30); $(objp).css("top", event.clientY - 45); } function hide(obj,id) { var objp = $("#"+id+""); $(objp).css("display", "none"); }

提示1效果

不知道你们在干嘛呢,
哈哈哈哈

鼠标放上去1




鼠标放上去2

HTML实现简单的提示框

相关推荐:

CSS如何实现提示框的实例详解

使用css实现全兼容tooltip提示框

四种提示框代码_PHP教程

立即学习“前端免费学习笔记(深入)”;

以上就是HTML实现简单的提示框的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545334.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:54:30
下一篇 2025年12月21日 16:54:46

相关推荐

发表回复

登录后才能评论
关注微信