当前位置:主页 > jquery插件 > TAB选项卡 >

jQuery tab选项卡

栏目分类:TAB选项卡   模板编号:JQ00082    发布日期:2017-08-30   来源:网络   浏览次数:次     在线预览
jQuery tab选项卡,简单实用界面友好

引入css,JS

<link href="css/zybox.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>


在body后引入JS代码段

$(document).ready(function() {
	$("#content div").hide(); // Initially hide all content
	$("#tabs li:first").attr("id","current"); // Activate first tab
	$("#content div:first").fadeIn(); // Show first tab content
    
    $('#tabs a').click(function(e) {
        e.preventDefault();        
        $("#content div").hide(); //Hide all content
        $("#tabs li").attr("id",""); //Reset id's
        $(this).parent().attr("id","current"); // Activate this
        $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
    });
})();


在线演示 立即下载
打赏本站
云盘密码:kq7p

标签: TAB 选项卡

上一篇:jqueryTabs选项卡
下一篇:没有了
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载