web前端|js教程
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
