web前端全系列 教程
1839个小节阅读:2243.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
使用CSS3动画,实现提示效果
xxxxxxxxxx
<p>
"百战程序员"是高端在线教育品牌,提供系统化优质课程及专业教学服务,
其中包括Java、Python、<a data-toggle="tooltip" data-placement="top" title="快来学习前端">Web前端</a> 、大数据、人工智能、区块链、7u软实力、
毕设项目等,强大的师资教研团队,为你打造量身定制的精品在线课程,
让学习更简单,更高效。
</p>
xxxxxxxxxx
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
xxxxxxxxxx
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
xxxxxxxxxx
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
事件类型 | 描述 |
---|---|
shown.bs.tooltip | 显示的时候触发事件 |
hidden.bs.tooltip | 隐藏的时候触发事件 |
xxxxxxxxxx
$('#myTooltip').on('hidden.bs.tooltip', function () {
console.log("隐藏");
})
实时效果反馈
1. 下列那个属性可以设置提示框方向:
A type
B data-toggle
C data-placement
D title
答案
1=>C