首页>>TAB标签>>jquery xml加载的选项卡tab效果，个数由实际内容决定(2014-07-07)

jquery xml加载的选项卡tab效果，个数由实际内容决定

 可以在内容里面上一页下一页切换的标签选项卡

jquery xml加载的选项卡tab效果，个数由实际内容决定
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.         $(document).ready(function () {  
  3.             $('#t-news-wrapper').tnews({ newsfeed: 'news.xml',target:'_blank' });  
  4.         });  
  5.     </script>  

 

XML/HTML Code
  1. <div id="t-news-wrapper" class="t-news-wrapper"> </div>  

news.xml

 

XML/HTML Code
  1. <?xml version="1.0" encoding="utf-8" ?>  
  2.   
  3. <categories>  
  4.     <category name="cat-1">  
  5.         <news  url="http://www.freejs.net" screenshot="../../images/logo.png" date="04/01/2014">  
  6.             <headline>freejs.net</headline>  
  7.             <detail>各种js代码全站演示</detail>  
  8.         </news>  
  9.     </category>  
  10.     <category name="cat-2">  
  11.         <news  url="http://freejs.net/jquerytupiantexiao.html" screenshot="../../images/logo.png" date="07/01/2011">  
  12.             <headline>图片特效</headline>  
  13.             <detail></detail>  
  14.         </news>  
  15.     </category>  
  16.      
  17. </categories>  

 


原文地址:http://www.freejs.net/article_tabbiaoqian_368.html