信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好,会给访客留下非常深刻的印象。下面有30个非常流行的
jQuery信息提示插件,希望对各位有所帮助。记住,所有的这些都是为了使网站设计更好。
非常漂亮的tooltip!有渐变、透明、阴影等效果。
Dynamic tooltip
优秀的tooltip!虽然看起来简单,但是过渡效果非常棒,适用于简单干净的网站。
Popup Bubble
精美的tooltip!提示信息不会消失,除非你点击其它链接。看起来非常简单,但是它的动画效果却非常棒。
jQuery
Horizontal Tooltips Menu Tutorials
多种多样的提示效果,极有效的简化工作过程。
Prototip
非常漂亮的信息提示,有过渡效果和背景阴影。
Coda
Popup Bubble
非常酷的信息提示,平滑的过渡效果,并且有透明边框。
Awesomeness
漂亮的信息提示,有淡入淡出过渡效果,幻灯、阴影特效。
TipTip
这个是为输入框开发的信息提示,过渡效果美观。
(mb)Tooltip
简单但是非常好的信息提示,有淡入效果。
vTip
当点击链接时淡入出现,然后固定在右上角,一段时间后自动消失,或者可以手动关闭。
jGrowl
有趣的信息提示,可以处理像小型网页图片和文字。它有一个阴影效果。
jQuery
Ajax Tooltip
漂亮的digg样式,适用于社交网站。
Digg-style
post sharing tool with jQuery
有趣的输入框提示,边框为圆角。输入框获得焦点时淡入,点击其它地方淡出。
Input
Floating Hint Box
漂亮的提示与褪色的过渡。将鼠标悬停在链接上,tooltip淡入在链接的上方或者下方。
Simpletip
很简单,但 好看的提示。可以圆角,说话提示的样式。
qTip
有趣的提示插件,您可以手动设定在您需要的时间出现。
Orbital
Tooltip
漂亮的提示,有过渡效果。
Inline
HTML Tooltip
tipsy
Easiest
jQuery Tooltip Ever
BsTip
EZPZ
Tooltip
BeautyTips
Tooltip
简单的提示,当鼠标悬停在链接上时出现,直到你关闭它才会消失。
clueTip
几个简单但是不同的提示。
Creating
A Simple Tooltip Using jQuery and CSS
Tooltip出现在链接的右边。
BetterTip
简单但是对于登录页面非常有用。
jTip
简单的ajax加载效果,可以淡入淡出。
jqTooltip
Pop!
Simple tooltip with rounded corners. It follows your mouse movements.
简单的圆角tooltip,随鼠标移动。
Create a
Simple CSS + Javascript Tooltip with jQuery
分享到:
相关推荐
这是使用jQuery Tooltip Plugin弹出各种浮动提示效果插件的一些例子,用这个插件可以显示自定义的鼠标悬停提示,比如文字提示框、图片框,在鼠标放在特定位置时激活,鼠标移开后消失,如示例所示为弹出一个图片浮动...
jquery插件,tooltip提示文字。
JQuery-Tooltip-Plugin
NULL 博文链接:https://wine-god.iteye.com/blog/1461056
jQuery Tooltip Plugin Demo
下面我们为你推荐 25 个最好的工具提示插件: 1. jqTooltip jqTooltip 2. Pop! Simple Pop Menus with jQuery Pop! Simple Pop Menus with jQuery 3. jGrowl jGrowl 4. ProtoTip 2 ProtoTip 2 5. BetterTip ...
简要功能49位实时刷新工具提示选项。 实时元素检查(元素已删除?->工具提示应该消失)。 重力:如果它不适合屏幕,请找到更好的位置。 DOM目标:追加到根或另一个目标元素中。 位置:外部,内部,边框,中心单击...
轻量级和高度可配置的jQuery工具提示插件 Zebra Tooltips是一个轻量级(最小约5KB,压缩后为1.7KB)的jQuery Tooltips插件,用于创建简单但智能且具有视觉吸引力的工具提示,具有很好的过渡效果,4个主题,并提供...
图表专家插件行工具提示Chartist.js折线图插件开发中...为什么要使用另一个工具提示插件? 没有jQuery依赖工具提示固定在点上,而不是鼠标上一个工具提示中的多个序列值悬停目标覆盖整个图表,而不仅仅是点
jBox是一个jQuery插件,可以轻松创建可自定义的工具提示,模态窗口,图像库等。 演示: : 文件: : 安装 ES6 npm install --save jbox import jBox from 'jbox' ; import 'jbox/dist/jBox.all.css' ; CDN &...
│ │ jquery.nicescroll.min.js │ │ jquery.validate.js │ │ jquery.validate.message_cn.js │ │ login.js │ │ md5.js │ │ mgTextWidth.js │ │ tinybox.js │ │ │ ├─bootstrap │ │ │ │ │ ├...