jQuery可收缩展开时间轴插件timeline

来源:https://www.sucaihuo.com/js/2509.html 2017-07-23 17:37浏览(2064) 收藏

timeline时间轴插件是一款jQuery可收缩展开的网页时间轴代码,非常简洁实用的jQuery垂直时间轴特效代码。
jQuery可收缩展开时间轴插件timeline
分类:日期时间 > 时间轴 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
   $(function(){
    //隐藏所有子栏目(除第一个栏目外)
	$(".year:not(:first)").find(".month").hide();
	//点击大栏目
	  $(".year>li").click(function(){
		  $("li.active",$(this).parent()).removeClass("active");
		  $(this).addClass("active");
		  $("ul>li:first",this).addClass("active");		  		  
	  });
	  $(".month>li").click(function(){
		  var $ul=$(this).parent();		  
		  $ul.find(".active").removeClass("active");		  
		  $(this).addClass("active");
          return false;		  
	  });
   });
	  
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2