tip2.htm 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. 
  2. <html>
  3. <head>
  4. <title></title>
  5. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/plugins/ligerTip.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10. var i = 0;
  11. $(function () {
  12. //这里是在鼠标经过时才显示,没有传入参数,或者传入的参数列表有 auto:true这个参数/值
  13. $("#message1").ligerTip();
  14. //这里调用一次就会显示一下
  15. $("#message2").ligerTip({ content: $("#message2").html() });
  16. });
  17. </script>
  18. <style type="text/css">
  19. .message{ position:absolute; left:100px; top:100px; background:#F1F1F1; border:1px solid #DEDEDE; padding:10px;}
  20. </style>
  21. </head>
  22. <body style="padding: 10px">
  23. <div id="message1" class="message" title="这里是title..." >
  24. 这里是内容。。。
  25. 这个元素使用ligerTip,不传入任何参数,将会利用这个Dom元素的title作为ligerTip的content
  26. </div>
  27. <div id="message2" style="left:400px; top:300px" class="message" title="这里是title..." >
  28. 这里是内容2222。。。
  29. </div>
  30. </body>
  31. </html>