tabEven.htm 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  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/ligerTab.js" type="text/javascript"></script>
  9. <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11. $(function ()
  12. {
  13. $("#tab1").ligerTab({ onBeforeSelectTabItem: function (tabid)
  14. {
  15. alert('onBeforeSelectTabItem' + tabid);
  16. }, onAfterSelectTabItem: function (tabid)
  17. {
  18. alert('onAfterSelectTabItem' + tabid);
  19. }
  20. });
  21. });
  22. </script>
  23. <style type="text/css">
  24. body{ font-size:11px;}
  25. </style>
  26. </head>
  27. <body style="padding:10px">
  28. <div id="tab1" style="width: 600px;overflow:hidden; border:1px solid #A3C0E8; ">
  29. <div title="首页" style="height:300px">
  30. <p>用法 :
  31. </p>
  32. <h4>$("#tab1").ligerTab({onBeforeSelectTabItem:function(tabid){
  33. alert('onBeforeSelectTabItem'+tabid);
  34. },onAfterSelectTabItem:function(tabid){
  35. alert('onBeforeSelectTabItem'+tabid);
  36. });</h4>
  37. </div>
  38. <div title="说明" style="height:300px">
  39. <p>今天开始jquery ligerui的一些实用的插件. 来用于我们的项目.</p>
  40. </div>
  41. <div title="联系我们" style="height:300px">
  42. <p>
  43. 地址: demo.ligerui.com
  44. 资料: leoxie2011.cnblog.com</p>
  45. </div>
  46. </div>
  47. <div style="display:none">
  48. </div>
  49. </body>
  50. </html>