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

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

 35344  512  查看评论 (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;
		}
	};


相关插件-手风琴菜单

jQuery手风琴图片轮播切换

jQuery手风琴图片轮播切换
  手风琴菜单
 36221  366

jQuery手风琴插件效果

jQuery手风琴插件效果,代码简单效果好。
  手风琴菜单
 33925  411

bootstrap垂直手风琴动画特效

一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作,通过CSS3来对它进行美化,效果美观大方。
  手风琴菜单
 28773  303

基于css3实现手风琴图片展示(原创)

酷炫的手风琴风格式的展示图片风格,全部基于css3实现
  手风琴菜单
 23661  287

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

    "信仰"时代 0
    2019/6/4 14:48:34
    大神收下的膝盖,可否免费分享一下? 回复
    davidcpkh 0
    2018/10/2 16:18:17
    空花 0
    2018/6/20 11:47:12
    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
    Panda 0
    2016/10/8 15:10:06
    很漂亮的手风琴展示 回复
    雨夜 0
    2016/8/19 22:08:30
    很好看,可惜我没有jq币 回复
    nonononono 0
    2016/6/24 9:06:26
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复