首先聊一聊提示标签:
<body>
<div class="container">
<div class="row">
<div class="col-lg-6">
<p>
<a href="#" class="tool" data-toggle="tooltip" data-placement="top" title="用来开发网站的">java</a>
一种语言
</p>
<p>
<a href="#" class="tool" data-toggle="tooltip" data-placement="bottom" title="用来开发网站的">java</a>
一种语言
</p>
</div>
<div class="col-lg-6">
<p>
<a href="#" class="tool" data-toggle="tooltip" data-placement="left" title="用来开发网站的">java</a>
一种语言
</p>
<p>
<a href="#" class="tool" data-toggle="tooltip" data-placement="right" title="用来开发网站的">java</a>
一种语言
</p>
</div>
</div>
</div>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<script type="text/javascript">
//$('.tool').tooltip();
$('.tool').tooltip('show');
$('.tool').on('hidden.bs.tooltip', function () {
alert('隐藏了');
})
</script>
</body>
效果:
下面讲一讲提示框:
<body>
<div class="container">
<div class="row">
<!--这边用的hover触发的-->
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?" data-delay='{"show": 1000, "hide": 1000 }' data-trigger="hover">Click to toggle popover</button>
</div>
</div>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
$('.btn').popover('show');
})
</script>
</body>
效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# bootstrap
# 提示标签
# 提示框
# Bootstrap实现提示框和弹出框效果
# Bootstrap基本插件学习笔记之Popover提示框(19)
# BootStrap tooltip提示框使用小结
# BootStrap的alert提示框的关闭后再显示怎么解决
# 基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
# JS组件Bootstrap实现弹出框和提示框效果代码
# Bootstrap提示框效果的实例代码
# 大家多多
# placement
# top
# title
# tooltip
# tool
# data
# toggle
# type
# text
# javascript
# script
# java
# bottom
# left
# xhtml
# lt
# body
# brush
# 聊一聊
相关文章:
建站之星下载版如何获取与安装?
如何在Golang中引入测试模块_Golang测试包导入与使用实践
家庭服务器如何搭建个人网站?
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
在线制作视频网站免费,都有哪些好的动漫网站?
娃派WAP自助建站:免费模板+移动优化,快速打造专业网站
高性价比服务器租赁——企业级配置与24小时运维服务
c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】
如何在Golang中处理模块冲突_解决依赖版本不兼容问题
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
制作网站公司那家好,网络公司是做什么的?
微信h5制作网站有哪些,免费微信H5页面制作工具?
如何快速搭建自助建站会员专属系统?
如何基于云服务器快速搭建网站及云盘系统?
深圳网站制作平台,深圳市做网站好的公司有哪些?
如何在VPS电脑上快速搭建网站?
MySQL查询结果复制到新表的方法(更新、插入)
建站之星北京办公室:智能建站系统与小程序生成方案解析
常州自助建站费用包含哪些项目?
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
广州商城建站系统开发成本与周期如何控制?
微网站制作教程,我微信里的网站怎么才能复制到浏览器里?
nginx修改上传文件大小限制的方法
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?
建站主机无法访问?如何排查域名与服务器问题
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
宝塔面板如何快速创建新站点?
详解jQuery停止动画——stop()方法的使用
网站图片在线制作软件,怎么在图片上做链接?
代购小票制作网站有哪些,购物小票的简要说明?
一键网站制作软件,义乌购一件代发流程?
零基础网站服务器架设实战:轻量应用与域名解析配置指南
建站之星如何助力企业快速打造五合一网站?
自助网站制作软件,个人如何自助建网站?
深圳网站制作案例,网页的相关名词有哪些?
深圳网站制作的公司有哪些,dido官方网站?
建站之星多图banner生成与模板自定义指南
内网网站制作软件,内网的网站如何发布到外网?
网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?
建站之星上传入口如何快速找到?
宝塔新建站点为何无法访问?如何排查?
制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?
新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?
如何在香港免费服务器上快速搭建网站?
如何在香港服务器上快速搭建免备案网站?
建站之星24小时客服电话如何获取?
如何选择适配移动端的WAP自助建站平台?
简单实现Android文件上传
*请认真填写需求信息,我们会在24小时内与您取得联系。