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

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

 37897  566  查看评论 (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;
		}
	};


相关插件-手风琴菜单

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

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

实用的Accordion手风琴js特效

实用的Accordion手风琴js特效
  手风琴菜单
 39357  408

jQuery全屏图片点击滑动手风琴

jQuery全屏图片点击滑动手风琴是一款全屏点击轮播切换的手风琴特效。
  手风琴菜单
 31668  312

jQuery手风琴图片轮播切换

jQuery手风琴图片轮播切换
  手风琴菜单
 39083  412

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复