插件描述：jQuery自定义工具提示插件DarkTooltip
用法
<html> <link rel="stylesheet" href="darktooltip.css"> <script src="jquery-1.10.2.min.js"></script> <script src="jquery.darktooltip.js"></script> <div style="padding:200px;"> <a href="#" id="example" data-tooltip="Hello world 1">Example 1</a> <a href="#" id="light" data-tooltip="Hello world 2">Example 2</a> </div> </html>
js
<script>
$(document).ready( function(){
//Basic
$('#example').darkTooltip();
//With some options
$('#light').darkTooltip({
animation:'flipIn',
gravity:'west',
confirm:true,
theme:'light',
trigger:'click'
});
});
</script>选项
opacity 透明度 0-1 0.9
content Tooltip message 工具提示消息 空
size small, medium, large 小型、 中型、 大型 介质
gravity south, west, north, east 重力 南、 西、 北、 东 南
theme 主题 dark, light 暗，光 黑暗
trigger 触发器 hover, click 将鼠标悬停，请单击 悬停
animation 动画 无，flipIn，fadeIn false
confirm 确认 为 true，false false
yes 是 标签为 Yes 选项的 ' 是 '
no '没有' 选项标签 否
finalMessage 在确认的操作结束时显示的消息 ''
截图
title="未标题-2.gif"/>
title="未标题-3.gif"/>
PREVIOUS:
NEXT:
相关插件-工具提示
Metro风格的jQuery个性化消息提示插件
介绍一款Metro风格的消息提示框插件，插件是基于jQuery的，不仅拥有Metro哪种简单精巧的UI风格，而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件，比如HTML5CSS3弹出提示框，感兴趣的朋友也可以前往关注。
工具提示
讨论这个项目（6）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
