2012-05-18 14:07:27 +00:00
|
|
|
<!doctype html>
|
2011-05-02 12:40:26 +00:00
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2012-04-23 16:44:17 +00:00
|
|
|
<meta charset="utf-8">
|
2012-05-18 14:07:27 +00:00
|
|
|
<title>Tooltip Visual Test: Animations</title>
|
2013-12-02 18:36:12 +00:00
|
|
|
<link rel="stylesheet" href="../../../themes/base/all.css">
|
2014-03-03 21:52:54 +00:00
|
|
|
<script src="../../../jquery.js"></script>
|
2013-12-02 18:36:12 +00:00
|
|
|
<script src="../../../ui/core.js"></script>
|
|
|
|
|
<script src="../../../ui/widget.js"></script>
|
|
|
|
|
<script src="../../../ui/position.js"></script>
|
|
|
|
|
<script src="../../../ui/tooltip.js"></script>
|
|
|
|
|
<script src="../../../ui/effect.js"></script>
|
|
|
|
|
<script src="../../../ui/effect-blind.js"></script>
|
|
|
|
|
<script src="../../../ui/effect-bounce.js"></script>
|
|
|
|
|
<script src="../../../ui/effect-drop.js"></script>
|
|
|
|
|
<script src="../../../ui/effect-explode.js"></script>
|
2012-05-18 14:07:27 +00:00
|
|
|
<style>
|
|
|
|
|
pre {
|
|
|
|
|
width: 250px;
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
padding: .5em;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script>
|
2011-05-02 12:40:26 +00:00
|
|
|
$(function() {
|
2012-05-18 14:07:27 +00:00
|
|
|
$( "pre" ).each(function( index, elem ) {
|
|
|
|
|
$( elem )
|
|
|
|
|
.attr( "title", "animated tooltips" )
|
|
|
|
|
.tooltip( $.parseJSON( $( elem ).text() ) );
|
2011-05-02 12:40:26 +00:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
2012-05-18 14:07:27 +00:00
|
|
|
<pre>{}</pre>
|
|
|
|
|
<pre>{
|
|
|
|
|
"show": {
|
|
|
|
|
"effect": "slideDown"
|
|
|
|
|
},
|
|
|
|
|
"hide": {
|
|
|
|
|
"effect": "slideUp"
|
|
|
|
|
}
|
|
|
|
|
}</pre>
|
|
|
|
|
<pre>{
|
|
|
|
|
"show": {
|
|
|
|
|
"effect": "explode"
|
|
|
|
|
},
|
|
|
|
|
"hide": {
|
|
|
|
|
"effect": "explode"
|
|
|
|
|
}
|
|
|
|
|
}</pre>
|
|
|
|
|
<pre>{
|
|
|
|
|
"show": {
|
|
|
|
|
"effect": "bounce"
|
|
|
|
|
},
|
|
|
|
|
"hide": {
|
|
|
|
|
"effect": "blind"
|
|
|
|
|
}
|
|
|
|
|
}</pre>
|
|
|
|
|
<pre>{
|
|
|
|
|
"show": {
|
|
|
|
|
"effect": "drop",
|
|
|
|
|
"direction": "right"
|
|
|
|
|
},
|
|
|
|
|
"hide": {
|
|
|
|
|
"effect": "drop",
|
|
|
|
|
"direction": "right"
|
|
|
|
|
}
|
|
|
|
|
}</pre>
|
|
|
|
|
|
2011-05-02 12:40:26 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
