0

私は手がかりのjqueryプラグインを使用しており、ツールチップのポップアップ内に読み込み中の画像を表示したいと考えています。

フェイスブックと同じように。ポップアップウィンドウ内に「読み込み中...」というテキストが表示され、データが表示されます。

ありがとう

4

1 に答える 1

0

これはあなたを助けることができるデモです

私のルートフォルダーには次のファイルが含まれています

  • index.html
  • demo.html
  • jquery.cluetip.css
  • jquery.cluetip.js
  • jquery.min.js
  • コアラ.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が機能するようにします。

于 2013-03-28T07:27:46.563 に答える