当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery的可伸缩时间轴代码timeline插件

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

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

分类: js特效 / jQuery特效	发布时间: 2018-01-23	访问量: 1899
下载量: 31

点击下载预览效果

更多>

最新下载

jQuery自定义图片切换特效代码

jQuery自定义图片切换特效代码是一款jquery幻灯片，可自定义上下，左右，淡入淡出等模式。

0 2026-03-12

jQuery上下自动切换图片相册

一款jQuery实现的上下自动切换图片的相册代码。适用浏览器：IE8+、FireFox、Chrome、Safari、Opera。

0 2026-03-12

jQuery动态图片定时切换

jQuery动态图片定时切换是一款基于jquery实现的多张图片组合动态定时切换的特效代码。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-03-12

jQuery分屏显示图片跟描述

jQuery分屏显示图片跟描述是一款默认为图片自动切换样式，鼠标移到图片上会自动切换成双屏样式，左侧显示描述，右侧显示图片，效果很赞，站长素材推荐下载。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-03-12

jquery图片自动播放选项卡

jquery图片自动播放选项卡是一款基于jQuery powerSwitch插件实现的图片切换特效。

0 2026-03-12

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

18441 2025-08-28
CSS3 教程

1553869 2025-08-27
Rust 教程

25586 2025-08-27
Vue 教程

27237 2025-08-22
PostgreSQL 教程

23597 2025-08-21
Git 教程

10475 2025-08-21

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>