首页 > html5-css3特效 / jquery特效插件 / > jquery+css3 选项卡tab标签特效

jquery+css3 选项卡tab标签特效

点击: 3438 , 发布日期: 2013-6-1
jquery+css3 选项卡tab标签特效

jquery+css3 选项卡tab标签特效

jquery+css3制作的tab选项卡内容切换效果,tab标签通过CSS3实现斜角的方式展示,点击标签以fadeIn效果显示内容。

jquery代码如下:

$(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
    });
})();


关键词: jquery特效 tab 选项卡 css3

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论
不错哦
人在旅途
2015-11-15 0:29:54
特效做的挺好
Mr.Lon
2014-7-21 10:50:41
这个不错,可是评论显示不出来啊
落叶归根
2014-6-17 11:28:19
喜欢
山园舍
2013-12-18 13:13:04