首页 >

jQuery实现tab选项卡效果办法【jquery】

web前端|js教程jQuery实现tab选项卡效果办法【jquery】
jQuery,tab,选项卡
web前端-js教程
本文实例讲述了jQuery实现tab选项卡效果的方法。分享给大家供大家参考。具体如下:
java微信支付接口源码,vscode快速生成,lnamp ubuntu,tomcat 编译 缺少,sqlite3 聚集索引,织梦 插件管理,能调用硬件接口的前端框架,爬虫电视剧热榜,php 查询类型,咸宁包年seo推广,ftp网站代码,网页管理软件,营销公司网站模板lzw
var tabs = { init: function(){  var $tab_contents=$('.tab-contents'), $tab_nav=$('.tab-nav');  $tab_contents.find('.tab-content:not(:first)').hide();  $tab_nav.find('li:first').addClass('active');  $tab_nav.on('click', 'li a', function(e){   e.preventDefault();   var $this=$(this),activeTab=this.hash,parent=$this.parents('section'),$contents=$(parent,$tab_contents);   $(parent,$tab_nav).find('li').removeClass('active');   $this.parent().addClass('active');   $contents.find('.tab-content').hide();   $contents.find(activeTab).fadeIn(250);  }); }}; $(document).ready(tabs.init());
html部分如下:
本本啦笔记本网址导航源码,ubuntu 中搜索文件,解压版tomcat的卸载,龟缘爬虫,php可以异步吗,初学seo的文章seo技术lzw
Section Title Tab 1 Tab 2
免费公司源码,vscode 插件本地安装,ubuntu c乱码,tomcat 启动类图,sqlite删除表的第一行,PPP 爬虫,php 过滤关键字,清远seo优化方案书,怎么用wordpress修改网站源码,html中介租房网页模板lzw

  • 暂无相关文章
  • Posted in 未分类