jQuery教程
jQuery選擇器
- jQuery選擇器
- jQuery基本選擇器
- jQuery層次選擇器
- jQuery基本過濾選擇器
- jQuery內(nèi)容過濾選擇器
- jQuery可見性過濾選擇器
- jQuery屬性過濾選擇器
- jQuery子元素過濾選擇器
- jQuery表單元素選擇器
- jQuery input選擇器
jQuery動畫效果
jQuery節(jié)點(diǎn)操作
- jQuery獲取與修改元素屬性值
- jQuery添加節(jié)點(diǎn)append
- jQuery清空節(jié)點(diǎn)與刪除節(jié)點(diǎn)
- jQuery復(fù)制節(jié)點(diǎn)
- jQuery中append與appendto的區(qū)別
jQuery事件
jQuery HTML
- jQuery獲取內(nèi)容和屬性
- jQuery設(shè)置內(nèi)容和屬性
- jQuery獲取并設(shè)置CSS類
- jQuery css() 方法
- jQuery尺寸
- jQuery添加元素
- jQuery刪除元素
jQuery遍歷
jQuery其他
jQuery Ajax
jQuery參考手冊
- jQuery選擇器
- jQuery事件方法
- jQuery效果方法
- jQuery HTML / CSS 方法
- jQuery遍歷方法
- jQuery AJAX 方法
- jQuery雜項(xiàng)方法
- jQuery屬性
jQuery實(shí)例
jQuery插件
jQuery Tooltip插件
jQuery Tooltip 插件取代了原生的工具提示框，讓它們可自定義，您只需要調(diào)整它們的內(nèi)容、位置和外觀即可。
該插件目前版本是 1.3，已經(jīng)很長時間沒有更新，推薦使用 jQuery UI 工具提示框(Tooltip)。
如需了解更多有關(guān) jQuery UI 工具提示框(Tooltip)的細(xì)節(jié)，請查看 API 文檔 jQuery UI 工具提示框部件(Tooltip Widget)。
實(shí)例演示
jQuery Tooltip 插件演示。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Tooltip - Default functionality</title>
<link rel="stylesheet" >
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( document ).tooltip();
});
</script>
<style>
label {
display: inline-block;
width: 5em;
}
</style>
</head>
<body>
<p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
<p>But as it's not a native tooltip, it can be styled. Any themes built with
<a title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
will also style tooltips accordingly.</p>
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>
<p>Hover the field to see the tooltip.</p>
</body>
</html>
