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