更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
0
2025-12-19
24小时阅读排行榜
- 1 什么是JavaScript Web Component_如何创建自定义HTML元素
- 2 Golang如何处理UDP数据包_Golang UDP数据收发操作方法
- 3 如何用Golang实现Markdown转HTML_Golang文本解析与HTML渲染实现方式
- 4 Laravel如何实现密码重置功能_Laravel密码找回与重置流程
- 5 css分栏布局手机端显示太拥挤怎么办_媒体查询中改为单列布局提升可读性
- 6 css定位叠放次序的使用注意
- 7 c++如何进行内核旁路网络编程_c++ DPDK/Solarflare应用【低延迟】
- 8 如何配置mysql基础安全策略_mysql基础安全配置指南
- 9 SQL复杂条件查询如何构建_详细步骤拆解实现完整应用场景【技巧】
- 10 css只在某个父容器内生效怎么控制_利用后代选择器限制作用范围
- 11 如何使用Golang实现错误重试机制_控制最大重试次数和间隔
- 12 Laravel安装步骤详细教程_Laravel环境搭建指南
- 13 如何使用Golang io实现流读写_结合Reader和Writer处理数据
- 14 css浮动元素在复杂嵌套中丢失样式怎么办_逐层检查父元素position与overflow并考虑用flex/grid简化结构
- 15 如何实现JavaScript通知推送_Notification API如何请求权限
更多>
最新教程
-
- Node.js 教程
- 14120 2025-08-28
-
- CSS3 教程
- 1540677 2025-08-27
-
- Rust 教程
- 21824 2025-08-27
-
- Vue 教程
- 24338 2025-08-22
-
- PostgreSQL 教程
- 21058 2025-08-21
-
- Git 教程
- 8298 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>
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>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
