我正在使用cluetip jquery插件,我想在工具提示弹出框中显示加载图像。
就像facebook一样。它在弹出窗口中显示"loading…"文本,然后显示数据。
谢谢
这是一个可以帮助你的演示
我的根文件夹包含以下文件
- index . html
- 替换
- jquery.cluetip.css
- jquery.cluetip.js
- jquery.min.js
- Koala.jpg
我的index.html有以下代码
<html >
<head>
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />
<script src="jquery.min.js"></script>
<script src="jquery.cluetip.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.sticky').cluetip();
$('#sticky').cluetip({
arrows: true,
sticky: true,
tracking: true,
mouseOutClose: true,
closePosition: 'title',
cursor: 'pointer'
});
});
</script>
</head>
<body >
<strong>Demo for tooptip</strong> <br>
<a id="sticky" href="#" rel="demo.html" title="Demo">ToopTip with arrows</a>
</body>
</html>
下面是demo.html
的代码 <html >
<head>
</head>
<body class="page">
<img src="Koala.jpg" width="65" height="65" alt="Koala" />
<p>The koala is an arboreal herbivorous marsupial native to Australia, and the only extant representative of the family Phascolarctidae.</p>
</body>
</html>
现在打开index.html页面,获得clueTip工作