文章/答案/技术大牛

发布

社区首页 >问答首页 >cluetip jquery插件:如何在工具提示弹出窗口中显示加载图像

问cluetip jquery插件:如何在工具提示弹出窗口中显示加载图像
EN

Stack Overflow用户

提问于 2013-03-28 13:58:00

回答 1查看 277关注 0票数 0

我正在使用cluetip jquery插件，我想在工具提示弹出窗口中显示加载图像。

就像facebook一样。它显示“正在加载...”弹出窗口中的文本，然后显示数据。

谢谢

php

jquery

回答 1

Stack Overflow用户

发布于 2013-03-28 15:27:47

这是一个可以帮助你的演示

我的根文件夹包含以下文件

jquery.cluetip.css

jquery.cluetip.js

jquery.min.js

Koala.jpg

index.html
demo.html

我的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正常工作

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15675180

复制

相似问题

问cluetip jquery插件:如何在工具提示弹出窗口中显示加载图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cluetip jquery插件:如何在工具提示弹出窗口中显示加载图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cluetip jquery插件:如何在工具提示弹出窗口中显示加载图像
EN