此作品是一款非常实用的jquery时间轴特效,是在浏览微俱聚平台的更新日志模块时看到的,觉得很实用和效果非常棒就把它整理出来第一时间与大家分享。
此jquery特效包含了以下功能:
1、时间轴
2、树型菜单
3、导航菜单
4、选项卡
5、手风琴等。。。
此作品跟以前分享一款简洁大气的[url=http://www.huiyi8.com/jiaoben/]jquery[/url]时间轴特效很相似,点击链接查看:http://www.huiyi8.com/sc/24511.html
页面使用jquery代码如下:
$(".main .year .list").each(function (e, target) {
var $target= $(target),
$ul = $target.find("ul");
$target.height($ul.outerHeight()), $ul.css("position", "absolute");
});
$(".main .year>h2>a").click(function (e) {
e.preventDefault();
$(this).parents(".year").toggleClass("close");
});
效果如下:
[img]=http://uploadfile.huiyi8.com/2014/1025/20141025044301970.jpg[/img]
此jquery特效包含了以下功能:
1、时间轴
2、树型菜单
3、导航菜单
4、选项卡
5、手风琴等。。。
此作品跟以前分享一款简洁大气的[url=http://www.huiyi8.com/jiaoben/]jquery[/url]时间轴特效很相似,点击链接查看:http://www.huiyi8.com/sc/24511.html
页面使用jquery代码如下:
$(".main .year .list").each(function (e, target) {
var $target= $(target),
$ul = $target.find("ul");
$target.height($ul.outerHeight()), $ul.css("position", "absolute");
});
$(".main .year>h2>a").click(function (e) {
e.preventDefault();
$(this).parents(".year").toggleClass("close");
});
效果如下:
[img]=http://uploadfile.huiyi8.com/2014/1025/20141025044301970.jpg[/img]