本文我们将和大家分享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

相关推荐:
CSS如何实现提示框的实例详解
使用css实现全兼容tooltip提示框
四种提示框代码_PHP教程
立即学习“前端免费学习笔记(深入)”;
以上就是HTML实现简单的提示框的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545334.html
微信扫一扫
支付宝扫一扫