{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery可伸缩时间轴代码timeline插件

timeline插件是一款非常简洁实用的jQuery时间轴插件,jQuery可伸缩时间轴代码。


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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery可伸缩时间轴代码timeline插件
喜欢 ()分享 (0)