jQuery手风琴带玻璃流光质感特效全屏导航

所属分类:导航-手风琴菜单

 43324  606  查看评论 (20)
分享到微信朋友圈
X
jQuery手风琴带玻璃流光质感特效全屏导航 ie兼容9
//展开
var Expand = function() {
	var tile = $('.strips__strip');
	var tileLink = $('.strips__strip > .strip__content');
	var tileText = tileLink.find('.strip__inner-text');
	var stripClose = $('.strip__close');
	var expanded = false;
	var open = function() {
		var tile = $(this).parent();
		if (!expanded) {
			tile.addClass('strips__strip--expanded');
			tileText.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)');
			stripClose.addClass('strip__close--show');
			stripClose.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)');
			expanded = true;
		}
	};


相关插件-手风琴菜单

折叠面板

这是一个轻量级的折叠面板插件,可用在二级菜单、多条目内容块等地方,使用也很方便。有三个参数可以自行设置展开时间等等
  手风琴菜单
 50186  323

jQuery扁平化风格手风琴菜单

这是一款基于jQuery的扁平化风格的手风琴菜单,菜单是垂直的,点击菜单项即可垂直展开,显示对应菜单项的相关描述。另外,这款jQuery垂直手风琴菜单的菜单项还有一个漂亮的小图标,是一款比较实用的jQuery菜单插件。
  手风琴菜单
 34159  360

手风琴展开动画效果(感谢上传手风琴效果的朋友)

因项目需要做一个这种风格的插件,正巧jq22上有同类型的插件。在此基础上进行精简及优化,欢迎大家使用。
  手风琴菜单
 30649  400

jQuery 手风琴插件accordion.js

可自定义宽高,图片数量,事件的手风琴插件
  手风琴菜单
 40891  416

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    "信仰"时代 0
    2019/6/4 14:48:34
    大神收下的膝盖,可否免费分享一下? 回复
    davidcpkh 0
    2018/10/2 16:18:17
    真的太美了!??也可以办一份斤我? xu3g4z06@gmail.com 十分感著! 回复
    空花 0
    2018/6/20 11:47:12
    很好看,可惜没有jq币,方便的话发一下邮箱 谢谢2811363354@qq.com 回复
    Miss You. 0
    2017/9/14 19:31:17

    流光质感,1111

    加个背景倾斜划入放大??

    回复
    勇往直前888 0
    2017/5/24 13:20:03

    能发给我吗? QQ邮箱是:  22875284602qq.com

    回复
    Freedom 0
    2016/11/9 20:11:03
    点击进入后二级页面怎么改成瀑布流呢 回复
    Panda 0
    2016/10/8 15:10:04
    能发一个给我吗  没有JQ币   282026128@qq.com     谢谢 回复
    Panda 0
    2016/10/8 15:10:06
    很漂亮的手风琴展示 回复
    雨夜 0
    2016/8/19 22:08:30
    很好看,可惜我没有jq币 回复
    nonononono 0
    2016/6/24 9:06:26
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复