123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
- <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
- <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
- <script src="../../lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script>
- <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
- <script type="text/javascript">
-
- $(function ()
- {
- $("#tab1").ligerTab({ onBeforeSelectTabItem: function (tabid)
- {
- alert('onBeforeSelectTabItem' + tabid);
- }, onAfterSelectTabItem: function (tabid)
- {
- alert('onAfterSelectTabItem' + tabid);
- }
- });
- });
- </script>
- <style type="text/css">
- body{ font-size:11px;}
-
- </style>
- </head>
- <body style="padding:10px">
- <div id="tab1" style="width: 600px;overflow:hidden; border:1px solid #A3C0E8; ">
- <div title="首页" style="height:300px">
- <p>用法 :
- </p>
- <h4>$("#tab1").ligerTab({onBeforeSelectTabItem:function(tabid){
- alert('onBeforeSelectTabItem'+tabid);
- },onAfterSelectTabItem:function(tabid){
- alert('onBeforeSelectTabItem'+tabid);
- });</h4>
- </div>
- <div title="说明" style="height:300px">
- <p>今天开始jquery ligerui的一些实用的插件. 来用于我们的项目.</p>
- </div>
- <div title="联系我们" style="height:300px">
- <p>
- 地址: demo.ligerui.com
- 资料: leoxie2011.cnblog.com</p>
- </div>
- </div>
- <div style="display:none">
-
- </div>
- </body>
- </html>
|