Bootstrap—鼠标悬停提示

最新推荐文章于 2023-06-29 08:45:24 发布

JasmineGISer

最新推荐文章于 2023-06-29 08:45:24 发布

阅读量1.5k

点赞数

文章标签： BootStrap

本文链接：https://blog.csdn.net/zorojas/article/details/66971525

版权

<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

<button style="margin-left:100px" type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="提示信息">鼠标悬停</button>

<script>
   $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>

data-toggle="tooltip" data-placement="left" 左侧提示

data-toggle="tooltip" data-placement="right" 右侧提示

data-toggle="tooltip" data-placement="top" 上方提示

data-toggle="tooltip" data-placement="bottom" 下方提示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JasmineGISer

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap—鼠标悬停提示

鼠标悬停 $(function () { $("[data-toggle='tooltip']").tooltip(); });data-toggle="tooltip" data-placement="left" 左侧提示data-toggle="tooltip" data-placement="right" 右侧提示data-toggle="toolti
复制链接

扫一扫