鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > 网站制作教程 > html5 > >

Bootstrap3.0学习第二十一轮(JavaScript插件——工具提示)

来源:互联网 作者:佚名 时间:2013-11-28 08:57
前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看 本文主要来学习一下JavaScript插件--工具提示。 工具提示 受到Jason Frame开发的jQuery.tipsy插件的启发,Bootstrap才把这个工具提示插件做的更好,而且此插件不依赖图片,只是使用CSS3来实

前言

阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看

本文主要来学习一下JavaScript插件--工具提示。

工具提示

   受到Jason Frame开发的jQuery.tipsy插件的启发,Bootstrap才把这个工具提示插件做的更好,而且此插件不依赖图片,只是使用CSS3来实现动画效果,并使用data属性存储标题。

将鼠标悬停在按钮、文本框、链接等等一些基本控件上就可以看到提示了,先上一个效果图

 

主要实现了按钮的上下左右的ToolTip,,然后是文本框和链接的ToolTip。

左侧Tooltip上方Tooltip下方Tooltip右侧Tooltipdsafsdfasdfasdfasd

网友评论
<