java Filter 电力杆 二叉树排序 pandas unity3d debugging unix datagridview 支付网站建设 php抽奖源码 mysql 导入数据 python高级教程 python循环语句 python正则表达式例子 python基础教程免费 java集合转数组 java遍历list集合 msdev 整站系统 图片轮播代码 pr抖动特效 oracle表分区 foobar2000插件 jsp源代码 超级网游助手 进存销软件 极速pdf转word 谷歌浏览器xp版下载 pr脱机文件怎么恢复 太阳代理ip cdr裁剪工具怎么用 投屏软件电脑版 editplus中文版 鼠标指向宏 金鸡双刀 思源字体下载 店透视插件 jquery版本 js刷新
当前位置: 首页 > 学习教程  > 

文本框鼠标悬停 添加提示 bootstrap

2020/10/16 17:43:14 文章标签: bootstrap文本框

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>Bootstrap 实例 - 工具提示&#xff08;Tooltip&#xff09;插件方法</title> <link rel"stylesheet" href"http://cdn.static.runoob.com/lib…

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Bootstrap 实例 - 工具提示(Tooltip)插件方法</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div style="padding: 100px 100px 10px;">
这是一个 
<a href="#" class="tooltip-show" data-toggle="tooltip" title="show">Tooltip 方法 show</a>.
这是一个 
<a href="#" class="tooltip-hide" data-toggle="tooltip" data-placement="left" title="hide">Tooltip 方法 hide</a>.
这是一个 
<a href="#" class="tooltip-destroy" data-toggle="tooltip" data-placement="top" title="destroy">Tooltip 方法 destroy</a>.
这是一个 
<a href="#" class="tooltip-toggle" data-toggle="tooltip" data-placement="bottom" title="toggle">Tooltip 方法 toggle</a>.
<br><br><br><br><br><br>
<p class="tooltip-options" >
这是一个 
<a href="#" data-toggle="tooltip" title="<h2>'am Header2 </h2>">Tooltip 方法 options</a>.
</p>
<script>
$(function () { $('.tooltip-show').tooltip('show');});
$(function () { $('.tooltip-hide').tooltip('hide');});
$(function () { $('.tooltip-destroy').tooltip('destroy');});
$(function () { $('.tooltip-toggle').tooltip('toggle');});
$(function () { $(".tooltip-options a").tooltip({html : true });});
</script>
<div>


</body>


</html>

本文链接: http://www.dtmao.cc/news_show_300022.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?