欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

分享同一个按钮jQuery多次点击实现不同事件的代码

雨夜 4475次浏览 0个评论

由于本站需要,本站需要在平板,手机,电脑上实现多终端实现浏览的响应式需求,所以本站需要来实现点击按钮来弹出下拉式页面导航和左边的导航,大家可以在不同终端上分别看下本站的按钮,虽然别人的主题早已经有这个功能,但是经过自己的努力来实现是不容易的。有点小成就感,呵呵。下面是代码

//点击隐藏显示按钮
$(document).ready(function(){
$('.cog').click(function(){
       $("#header-bar").slideToggle(500);
    });
$('.bars').toggle(function(){
  $('#aside-left,.topnav').animate({left:"0px"});
  $('#main,#footer').animate({left:"200px"});
  $("body").addClass("topnav-display");
  },
function(){
  $('#aside-left,.topnav').animate({left:"-200px"});
  $('#main,#footer').css("left","0px");
  $("body").removeClass("topnav-display");
  });		
});

效果如本站,呵呵。大家如果要实现功能不妨来试试这段代码。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

主题定制开发流程

ZBLOGPHP开发流程

联系我们