һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 ǰ̨ű

jquery tabѡѡѡ

[]
20363 websjy 2015-3-25 09:42:50
| ʾȫ¥
1F


ʾhttp://www.websjy.com/club/websjy_index/jquery-tab/

أ


HTML룺
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>jquery tabѡѡѡ</title>
  6. <meta name="description" content="jquery tabѡѡл»ѡлһѡлѡлȶѡлЧ" />
  7. </head>

  8. <body>

  9. <style type="text/css">
  10. *{margin:0;padding:0;list-style-type:none;}
  11. a,img{border:0;}
  12. body{font:12px/180% Arial, Helvetica, sans-serif,"";}
  13. a{color:#333;text-decoration:none;}
  14. a:hover{color:#3366cc;text-decoration:underline;}
  15. /* demo */
  16. .demo{width:686px;margin:40px auto;position:relative;}
  17. .demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}
  18. .demo dl dt{font-size:14px;color:#ff6600;margin-top:30px;font-weight:800;}
  19. .demo dl dt,.demo dl dd{line-height:22px;}
  20. /* tabbtn */
  21. .tabbtn{height:30px;background:url(images/tabbg.gif) repeat-x;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
  22. .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;}
  23. .tabbtn li a{display:block;float:left;height:30px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:12px;cursor:pointer;}
  24. .tabbtn li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;}
  25. .tabbtn li.current a{border-top:solid 2px #ff6600;height:27px;line-height:27px;background:#fff;color:#3366cc;font-weight:800;}
  26. /* tabcon */
  27. .tabcon{border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;position:relative;/*ҪԪ*/height:180px;overflow:hidden;}
  28. .tabcon .subbox{position:absolute;/*ҪԪ*/left:0;top:0;}
  29. .tabcon .sublist{padding:5px 10px;height:170px;}
  30. /* leftcon */
  31. #leftcon .subbox{width:9999em;}
  32. #leftcon .subbox .sublist{float:left;width:664px;}
  33. /* sublist */
  34. .sublist{padding:10px;}
  35. .sublist li{height:28px;line-height:28px;font-size:12px;}
  36. .sublist li span{margin:0 5px 0 0;font-family:"";font-size:12px;font-weight:400;color:#ddd;}
  37. </style>

  38. <div class="demo">        
  39.         <h2>ʵ1»ѡл</h2>
  40.         <ul class="tabbtn" id="move-animate-top">
  41.                 <li class="current"><a href="#/jquery/items/">jquery Ч</a></li>
  42.                 <li><a href="#/js/items/">javascript Ч</a></li>
  43.                 <li><a href="#/css3/items/">div+css ̳</a></li>
  44.                 <li><a href="#/HTML5/items/">HTML5 Ч</a></li>
  45.         </ul><!--tabbtn end-->
  46.         <div class="tabcon" id="topcon">
  47.                 <div class="subbox">
  48.                         <div class="sublist">
  49.                                 <ul>
  50.                                         <li><span>▪</span><a href="#/jquery/table/bgbs/2012-03-21/462.html" target="_blank">jqueryɫбɫ껬ֱݱɫЧ</a></li>
  51.                                         <li><span>▪</span><a href="#/jquery/popup/2012-09-11/755.html" target="_blank">jQueryͼ갴ťرջչ</a></li>
  52.                                         <li><span>▪</span><a href="#/jquery/popup/2012-06-12/656.html" target="_blank">jqueryλ㵼¹ĸ</a></li>
  53.                                         <li><span>▪</span><a href="#/jquery/popup/2012-06-01/638.html" target="_blank">div css3ʽjqueryضЧ</a></li>
  54.                                         <li><span>▪</span><a href="#/jquery/table/more/2012-03-28/508.html" target="_blank">jquery Ʊ϶̶ڶ</a></li>
  55.                                         <li><span>▪</span><a href="#/jquery/table/more/2012-03-27/506.html" target="_blank">jqueryɱ༭޸ıֵ</a></li>
  56.                                 </ul>
  57.                         </div><!--tabcon end-->
  58.                         <div class="sublist">
  59.                                 <ul>
  60.                                         <li><span>▪</span><a href="#/js/images/more/2012-05-15/608.html" target="_blank">js lazyloadʵҳͼƬӳټЧ</a></li>
  61.                                         <li><span>▪</span><a href="#/js/images/qh/2012-03-22/480.html" target="_blank">jsͼƬл˾ҶͼƬjsõƬлЧ</a></li>
  62.                                         <li><span>▪</span><a href="#/js/images/cj/2012-03-14/420.html" target="_blank">jsͼƬЧjsͼ¹sliderлЧ</a></li>
  63.                                         <li><span>▪</span><a href="#/js/images/cj/2011-08-08/110.html" target="_blank">javascriptͼƬЧ վbannerͼƬлť͹̶ͼͼƬҹ</a></li>
  64.                                         <li><span>▪</span><a href="#/js/letter/qh/2012-03-18/438.html" target="_blank">jsлЧִ˾лЧ</a></li>
  65.                                         <li><span>▪</span><a href="#/js/letter/ss/2012-03-18/436.html" target="_blank">jsЧjs˸ֱɫЧ</a></li>
  66.                                 </ul>
  67.                         </div><!--tabcon end-->

  68.                         <div class="sublist">
  69.                                 <ul>
  70.                                         <li><span>▪</span><a href="#/css3/layout/2011-10-13/215.html" target="_blank">div+cssIE6 absoluteģfixed IE6λ</a></li>
  71.                                         <li><span>▪</span><a href="#/css3/layout/2011-02-21/36.html" target="_blank">CSSζλ</a></li>
  72.                                         <li><span>▪</span><a href="#/css3/menu/2012-03-12/394.html" target="_blank">div+css˵CSSʽбǵ</a></li>
  73.                                         <li><span>▪</span><a href="#/css3/menu/2011-09-21/197.html" target="_blank">div+css3Ч껬ʾ</a></li>
  74.                                         <li><span>▪</span><a href="#/css3/css3/2012-03-23/482.html" target="_blank">css3ֱַٵ˵ַʾ</a></li>
  75.                                         <li><span>▪</span><a href="#/css3/css3/2012-03-13/402.html" target="_blank">css3̳Ӧcss3 transform ͼƬתͶӰ+ͣЧ</a></li>
  76.                                 </ul>
  77.                         </div><!--tabcon end-->
  78.                         <div class="sublist">
  79.                                 <ul>
  80.                                         <li><span>▪</span><a href="#/html5/tx/2011-08-13/120.html" target="_blank">jquery ͼƬЧCSS3HTML5¶ͷֽСŴתͼƬչʾ</a></li>
  81.                                         <li><span>▪</span><a href="#/html5/tx/2011-02-21/42.html" target="_blank">jquery õƬлӦһHTML5ĻõƬ</a></li>
  82.                                         <li><span>▪</span><a href="#/html5/tx/2011-02-19/16.html" target="_blank">jquery ͼƬЧӦתõƬʹjQueryCSS3</a></li>
  83.                                         <li><span>▪</span><a href="#/html5/tb/2012-03-21/470.html" target="_blank">jquery html5 canvas ͼȡֵͼ</a></li>
  84.                                         <li><span>▪</span><a href="#/jquery/calendar/2012-03-19/450.html" target="_blank">jquery selectӦjquery uisliderʱ</a></li>
  85.                                         <li><span>▪</span><a href="#/jquery/rating/2012-06-05/644.html" target="_blank">jquery progress barͶƱϵͳ</a></li>
  86.                                 </ul>
  87.                         </div><!--tabcon end-->
  88.                 </div><!--tabcon end-->
  89.         </div>
  90.         
  91.         <h2>ʵ2һѡл</h2>
  92.         <ul class="tabbtn" id="move-animate-left">
  93.                 <li class="current"><a href="#/jquery/items/">jquery Ч</a></li>
  94.                 <li><a href="#/js/items/">javascript Ч</a></li>
  95.                 <li><a href="#/css3/items/">div+css ̳</a></li>
  96.                 <li><a href="#/html5/items/">HTML5 Ч</a></li>
  97.         </ul><!--tabbtn end-->
  98.         <div class="tabcon" id="leftcon">
  99.                 <div class="subbox">
  100.                         <div class="sublist">
  101.                                 <ul>
  102.                                         <li><span>▪</span><a href="#/jquery/table/bgbs/2012-03-21/462.html" target="_blank">jqueryɫбɫ껬ֱݱɫЧ</a></li>
  103.                                         <li><span>▪</span><a href="#/jquery/popup/2012-09-11/755.html" target="_blank">jQueryͼ갴ťرջչ</a></li>
  104.                                         <li><span>▪</span><a href="#/jquery/popup/2012-06-12/656.html" target="_blank">jqueryλ㵼¹ĸ</a></li>
  105.                                         <li><span>▪</span><a href="#/jquery/popup/2012-06-01/638.html" target="_blank">div css3ʽjqueryضЧ</a></li>
  106.                                         <li><span>▪</span><a href="#/jquery/table/more/2012-03-28/508.html" target="_blank">jquery Ʊ϶̶ڶ</a></li>
  107.                                         <li><span>▪</span><a href="#/jquery/table/more/2012-03-27/506.html" target="_blank">jqueryɱ༭޸ıֵ</a></li>
  108.                                 </ul>
  109.                         </div><!--tabcon end-->
  110.                         <div class="sublist">
  111.                                 <ul>
  112.                                         <li><span>▪</span><a href="#/js/images/more/2012-05-15/608.html" target="_blank">js lazyloadʵҳͼƬӳټЧ</a></li>
  113.                                         <li><span>▪</span><a href="#/js/images/qh/2012-03-22/480.html" target="_blank">jsͼƬл˾ҶͼƬjsõƬлЧ</a></li>
  114.                                         <li><span>▪</span><a href="#/js/images/cj/2012-03-14/420.html" target="_blank">jsͼƬЧjsͼ¹sliderлЧ</a></li>
  115.                                         <li><span>▪</span><a href="#/js/images/cj/2011-08-08/110.html" target="_blank">javascriptͼƬЧ վbannerͼƬлť͹̶ͼͼƬҹ</a></li>
  116.                                         <li><span>▪</span><a href="#/js/letter/qh/2012-03-18/438.html" target="_blank">jsлЧִ˾лЧ</a></li>
  117.                                         <li><span>▪</span><a href="#/js/letter/ss/2012-03-18/436.html" target="_blank">jsЧjs˸ֱɫЧ</a></li>
  118.                                 </ul>
  119.                         </div><!--tabcon end-->
  120.                         <div class="sublist">
  121.                                 <ul>
  122.                                         <li><span>▪</span><a href="#/css3/layout/2011-10-13/215.html" target="_blank">div+cssIE6 absoluteģfixed IE6λ</a></li>
  123.                                         <li><span>▪</span><a href="#/css3/layout/2011-02-21/36.html" target="_blank">CSSζλ</a></li>
  124.                                         <li><span>▪</span><a href="#/css3/menu/2012-03-12/394.html" target="_blank">div+css˵CSSʽбǵ</a></li>
  125.                                         <li><span>▪</span><a href="#/css3/menu/2011-09-21/197.html" target="_blank">div+css3Ч껬ʾ</a></li>
  126.                                         <li><span>▪</span><a href="#/css3/css3/2012-03-23/482.html" target="_blank">css3ֱַٵ˵ַʾ</a></li>
  127.                                         <li><span>▪</span><a href="#/css3/css3/2012-03-13/402.html" target="_blank">css3̳Ӧcss3 transform ͼƬתͶӰ+ͣЧ</a></li>
  128.                                 </ul>
  129.                         </div><!--tabcon end-->
  130.                         <div class="sublist">
  131.                                 <ul>
  132.                                         <li><span>▪</span><a href="#/html5/tx/2011-08-13/120.html" target="_blank">jquery ͼƬЧCSS3HTML5¶ͷֽСŴתͼƬչʾ</a></li>
  133.                                         <li><span>▪</span><a href="#/html5/tx/2011-02-21/42.html" target="_blank">jquery õƬлӦһHTML5ĻõƬ</a></li>
  134.                                         <li><span>▪</span><a href="#/html5/tx/2011-02-19/16.html" target="_blank">jquery ͼƬЧӦתõƬʹjQueryCSS3</a></li>
  135.                                         <li><span>▪</span><a href="#/html5/tb/2012-03-21/470.html" target="_blank">jquery html5 canvas ͼȡֵͼ</a></li>
  136.                                         <li><span>▪</span><a href="#/jquery/calendar/2012-03-19/450.html" target="_blank">jquery selectӦjquery uisliderʱ</a></li>
  137.                                         <li><span>▪</span><a href="#/jquery/rating/2012-06-05/644.html" target="_blank">jquery progress barͶƱϵͳ</a></li>
  138.                                 </ul>
  139.                         </div><!--tabcon end-->
  140.                 </div><!--tabcon end-->
  141.         </div>
  142.         
  143.         <h2>ʵ3ѡл</h2>
  144.         <ul class="tabbtn" id="fadetab">
  145.                 <li class="current"><a href="#/jquery/items/">jquery Ч</a></li>
  146.                 <li><a href="#/js/items/">javascript Ч</a></li>
  147.                 <li><a href="#/css3/items/">div+css ̳</a></li>
  148.                 <li><a href="#/html5/items/">HTML5 Ч</a></li>
  149.         </ul><!--tabbtn end-->
  150.         <div class="tabcon" id="fadecon">
  151.                 <div class="sublist">
  152.                         <ul>
  153.                                 <li><span>▪</span><a href="#/jquery/table/bgbs/2012-03-21/462.html" target="_blank">jqueryɫбɫ껬ֱݱɫЧ</a></li>
  154.                                 <li><span>▪</span><a href="#/jquery/popup/2012-09-11/755.html" target="_blank">jQueryͼ갴ťرջչ</a></li>
  155.                                 <li><span>▪</span><a href="#/jquery/popup/2012-06-12/656.html" target="_blank">jqueryλ㵼¹ĸ</a></li>
  156.                                 <li><span>▪</span><a href="#/jquery/popup/2012-06-01/638.html" target="_blank">div css3ʽjqueryضЧ</a></li>
  157.                                 <li><span>▪</span><a href="#/jquery/table/more/2012-03-28/508.html" target="_blank">jquery Ʊ϶̶ڶ</a></li>
  158.                                 <li><span>▪</span><a href="#/jquery/table/more/2012-03-27/506.html" target="_blank">jqueryɱ༭޸ıֵ</a></li>
  159.                         </ul>
  160.                 </div><!--tabcon end-->
  161.                 <div class="sublist">
  162.                         <ul>
  163.                                 <li><span>▪</span><a href="#/js/images/more/2012-05-15/608.html" target="_blank">js lazyloadʵҳͼƬӳټЧ</a></li>
  164.                                 <li><span>▪</span><a href="#/js/images/qh/2012-03-22/480.html" target="_blank">jsͼƬл˾ҶͼƬjsõƬлЧ</a></li>
  165.                                 <li><span>▪</span><a href="#/js/images/cj/2012-03-14/420.html" target="_blank">jsͼƬЧjsͼ¹sliderлЧ</a></li>
  166.                                 <li><span>▪</span><a href="#/js/images/cj/2011-08-08/110.html" target="_blank">javascriptͼƬЧ վbannerͼƬлť͹̶ͼͼƬҹ</a></li>
  167.                                 <li><span>▪</span><a href="#/js/letter/qh/2012-03-18/438.html" target="_blank">jsлЧִ˾лЧ</a></li>
  168.                                 <li><span>▪</span><a href="#/js/letter/ss/2012-03-18/436.html" target="_blank">jsЧjs˸ֱɫЧ</a></li>
  169.                         </ul>
  170.                 </div><!--tabcon end-->
  171.                 <div class="sublist">
  172.                         <ul>
  173.                                 <li><span>▪</span><a href="#/css3/layout/2011-10-13/215.html" target="_blank">div+cssIE6 absoluteģfixed IE6λ</a></li>
  174.                                 <li><span>▪</span><a href="#/css3/layout/2011-02-21/36.html" target="_blank">CSSζλ</a></li>
  175.                                 <li><span>▪</span><a href="#/css3/menu/2012-03-12/394.html" target="_blank">div+css˵CSSʽбǵ</a></li>
  176.                                 <li><span>▪</span><a href="#/css3/menu/2011-09-21/197.html" target="_blank">div+css3Ч껬ʾ</a></li>
  177.                                 <li><span>▪</span><a href="#/css3/css3/2012-03-23/482.html" target="_blank">css3ֱַٵ˵ַʾ</a></li>
  178.                                 <li><span>▪</span><a href="#/css3/css3/2012-03-13/402.html" target="_blank">css3̳Ӧcss3 transform ͼƬתͶӰ+ͣЧ</a></li>
  179.                         </ul>
  180.                 </div><!--tabcon end-->
  181.                 <div class="sublist">
  182.                         <ul>
  183.                                 <li><span>▪</span><a href="#/html5/tx/2011-08-13/120.html" target="_blank">jquery ͼƬЧCSS3HTML5¶ͷֽСŴתͼƬչʾ</a></li>
  184.                                 <li><span>▪</span><a href="#/html5/tx/2011-02-21/42.html" target="_blank">jquery õƬлӦһHTML5ĻõƬ</a></li>
  185.                                 <li><span>▪</span><a href="#/html5/tx/2011-02-19/16.html" target="_blank">jquery ͼƬЧӦתõƬʹjQueryCSS3</a></li>
  186.                                 <li><span>▪</span><a href="#/html5/tb/2012-03-21/470.html" target="_blank">jquery html5 canvas ͼȡֵͼ</a></li>
  187.                                 <li><span>▪</span><a href="#/jquery/calendar/2012-03-19/450.html" target="_blank">jquery selectӦjquery uisliderʱ</a></li>
  188.                                 <li><span>▪</span><a href="#/jquery/rating/2012-06-05/644.html" target="_blank">jquery progress barͶƱϵͳ</a></li>
  189.                         </ul>
  190.                 </div><!--tabcon end-->
  191.         </div><!--tabcon end-->
  192.         
  193.         <h2>ʵ4Ĭѡл</h2>
  194.         <ul class="tabbtn" id="normaltab">
  195.                 <li class="current"><a href="#/jquery/items/">jquery Ч</a></li>
  196.                 <li><a href="#/js/items/">javascript Ч</a></li>
  197.                 <li><a href="#/css3/items/">div+css ̳</a></li>
  198.                 <li><a href="#/html5/items/">HTML5 Ч</a></li>
  199.         </ul><!--tabbtn end-->
  200.         <div class="tabcon" id="normalcon">
  201.                 <div class="sublist">
  202.                         <ul>
  203.                                 <li><span>▪</span><a href="#/jquery/table/bgbs/2012-03-21/462.html" target="_blank">jqueryɫбɫ껬ֱݱɫЧ</a></li>
  204.                                 <li><span>▪</span><a href="#/jquery/popup/2012-09-11/755.html" target="_blank">jQueryͼ갴ťرջչ</a></li>
  205.                                 <li><span>▪</span><a href="#/jquery/popup/2012-06-12/656.html" target="_blank">jqueryλ㵼¹ĸ</a></li>
  206.                                 <li><span>▪</span><a href="#/jquery/popup/2012-06-01/638.html" target="_blank">div css3ʽjqueryضЧ</a></li>
  207.                                 <li><span>▪</span><a href="#/jquery/table/more/2012-03-28/508.html" target="_blank">jquery Ʊ϶̶ڶ</a></li>
  208.                                 <li><span>▪</span><a href="#/jquery/table/more/2012-03-27/506.html" target="_blank">jqueryɱ༭޸ıֵ</a></li>
  209.                         </ul>
  210.                 </div><!--tabcon end-->
  211.                 <div class="sublist">
  212.                         <ul>
  213.                                 <li><span>▪</span><a href="#/js/images/more/2012-05-15/608.html" target="_blank">js lazyloadʵҳͼƬӳټЧ</a></li>
  214.                                 <li><span>▪</span><a href="#/js/images/qh/2012-03-22/480.html" target="_blank">jsͼƬл˾ҶͼƬjsõƬлЧ</a></li>
  215.                                 <li><span>▪</span><a href="#/js/images/cj/2012-03-14/420.html" target="_blank">jsͼƬЧjsͼ¹sliderлЧ</a></li>
  216.                                 <li><span>▪</span><a href="#/js/images/cj/2011-08-08/110.html" target="_blank">javascriptͼƬЧ վbannerͼƬлť͹̶ͼͼƬҹ</a></li>
  217.                                 <li><span>▪</span><a href="#/js/letter/qh/2012-03-18/438.html" target="_blank">jsлЧִ˾лЧ</a></li>
  218.                                 <li><span>▪</span><a href="#/js/letter/ss/2012-03-18/436.html" target="_blank">jsЧjs˸ֱɫЧ</a></li>
  219.                         </ul>
  220.                 </div><!--tabcon end-->
  221.                 <div class="sublist">
  222.                         <ul>
  223.                                 <li><span>▪</span><a href="#/css3/layout/2011-10-13/215.html" target="_blank">div+cssIE6 absoluteģfixed IE6λ</a></li>
  224.                                 <li><span>▪</span><a href="#/css3/layout/2011-02-21/36.html" target="_blank">CSSζλ</a></li>
  225.                                 <li><span>▪</span><a href="#/css3/menu/2012-03-12/394.html" target="_blank">div+css˵CSSʽбǵ</a></li>
  226.                                 <li><span>▪</span><a href="#/css3/menu/2011-09-21/197.html" target="_blank">div+css3Ч껬ʾ</a></li>
  227.                                 <li><span>▪</span><a href="#/css3/css3/2012-03-23/482.html" target="_blank">css3ֱַٵ˵ַʾ</a></li>
  228.                                 <li><span>▪</span><a href="#/css3/css3/2012-03-13/402.html" target="_blank">css3̳Ӧcss3 transform ͼƬתͶӰ+ͣЧ</a></li>
  229.                         </ul>
  230.                 </div><!--tabcon end-->
  231.                 <div class="sublist">
  232.                         <ul>
  233.                                 <li><span>▪</span><a href="#/html5/tx/2011-08-13/120.html" target="_blank">jquery ͼƬЧCSS3HTML5¶ͷֽСŴתͼƬչʾ</a></li>
  234.                                 <li><span>▪</span><a href="#/html5/tx/2011-02-21/42.html" target="_blank">jquery õƬлӦһHTML5ĻõƬ</a></li>
  235.                                 <li><span>▪</span><a href="#/html5/tx/2011-02-19/16.html" target="_blank">jquery ͼƬЧӦתõƬʹjQueryCSS3</a></li>
  236.                                 <li><span>▪</span><a href="#/html5/tb/2012-03-21/470.html" target="_blank">jquery html5 canvas ͼȡֵͼ</a></li>
  237.                                 <li><span>▪</span><a href="#/jquery/calendar/2012-03-19/450.html" target="_blank">jquery selectӦjquery uisliderʱ</a></li>
  238.                                 <li><span>▪</span><a href="#/jquery/rating/2012-06-05/644.html" target="_blank">jquery progress barͶƱϵͳ</a></li>
  239.                         </ul>
  240.                 </div><!--tabcon end-->
  241.         </div><!--tabcon end-->
  242.         
  243.         <dl>
  244.                 <dt>Ӧ˵</dt>
  245.                 <dd>* ӦöΪǩťֱӸԪأҸԪڲǰťԪ</dd>
  246.                 <dd>* example:
  247. <pre>
  248. $( ".menus_wrap" ).tabso({
  249.         cntSelect:".content_wrap",
  250.         tabEvent:"mouseover"
  251. });
  252. </pre>
  253.                 </dd>
  254.                 <dd>* cntSelectݿֱӸԪص jq ѡ</dd>
  255.                 <dd>* tabEvent¼</dd>
  256.                 <dd>* tabStyleлʽȡֵ"normal" "fade" "move" "move-fade" "move-animate"</dd>
  257.                 <dd>* directionƶ򡣿ȡֵ"left" "top" tabStyleΪ"move""move-fade" "move-animate"ʱЧ</dd>
  258.                 <dd>* aniMethodЧ磺easing֧֣tabStyleΪ"move-animate"ʱЧ</dd>
  259.                 <dd>* aniSpeedٶ</dd>
  260.                 <dd>* onStyle˵ѡʽ</dd>
  261.         </dl>
  262.         
  263. </div><!--tabbox end-->



  264. <script type="text/javascript" src="js/jquery.js"></script>
  265. <script type="text/javascript" src="js/jquery.tabso_yeso.js"></script>
  266. <script type="text/javascript">

  267. $(document).ready(function($){
  268.         
  269.         //»ѡл
  270.         $("#move-animate-top").tabso({
  271.                 cntSelect:"#topcon",
  272.                 tabEvent:"mouseover",
  273.                 tabStyle:"move-animate",
  274.                 direction : "top"
  275.         });
  276.         
  277.         //һѡл
  278.         $("#move-animate-left").tabso({
  279.                 cntSelect:"#leftcon",
  280.                 tabEvent:"mouseover",
  281.                 tabStyle:"move-animate",
  282.                 direction : "left"
  283.         });
  284.         
  285.         //ѡл
  286.         $("#fadetab").tabso({
  287.                 cntSelect:"#fadecon",
  288.                 tabEvent:"mouseover",
  289.                 tabStyle:"fade"
  290.         });
  291.         
  292.         //Ĭѡл
  293.         $("#normaltab").tabso({
  294.                 cntSelect:"#normalcon",
  295.                 tabEvent:"mouseover",
  296.                 tabStyle:"normal"
  297.         });
  298.         
  299. });

  300. </script>

  301. </body>
  302. </html>
ƴ



аԴ

Ҫ ¼ ſػ鿴ûʺţע  

x
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
tkzlx 2015-6-1 09:26:56
| ʾȫ¥
2F
ƹ㹤  רעŸ巢̳ƹ㡢ʴƹ㡢ƹ㡢΢ƹ㡢Ƶƹ㡢QQȺƹ㡢ȸƹҵǰ ͷQQ2591388322 ̸  ٷַ www.jiezhemai.com


ڷҵ磬IT,ͨţƷڣݳƷȸ򣬲ܵͻһº
רҵŶƹҵ񣬾ḻ֤Դнӡӭ繫˾ִţṩЧʣŵķ
ҵΧ
1 Ÿ巢Żطҵվһ߱༭ո壬ͼ۷壩
2 ̳ƹ㣨̳ƹ㶼ԣ
3 ƹ㣨תۣ
4 ΢ƹ㣨תۣƹȣ
5 Ƶƹ㣨ſᣬյȣ
6 QQȺƹ
7 ̳ͣռ䣬Ƶ
8 Աƹ㣨ղأèעѣﳵȣ
9 ˺ע
10 ͶƱ
11 ʼȺ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
ƶ 2015-6-15 14:23:09
| ʾȫ¥
3F


  ʲô
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-5-20 17:53

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б