码迷,mamicode.com
首页 > Web开发 > 详细

jQuery常用交互效果

时间:2015-12-18 14:33:51      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

一、点击div控制另一div的显示和隐藏

$(".con").bind("click",function(){
     var flag=$(".main").is(":hidden");
     if(flag){
         $(".main").addClass(‘animated fadeIn‘).show();
     }else{
         $(".main").removeClass(‘animated fadeIn‘).hide();
     }
});
jQuery 选择器(:hidden)详解:
元素可以被认为是隐藏的几个情况:
  • 他们的CSS display值是none
  • 他们是type="hidden"的表单元素。
  • 它们的宽度和高度都显式设置为0。
  • 一个祖先元素是隐藏的,因此该元素是不会在页面上显示。

 注意:在jQuery中,visibility: hidden;opacity: 0;都被视作可见的,因为它们在页面上占据了相应的物理空间。详情参考API.

二、返回顶部

 

$(".up").on("click",function(){
    $("html,body").animate({scrollTop:0},1500)
})

 

 

 

 

 

jQuery常用交互效果

标签:

原文地址:http://www.cnblogs.com/kangby/p/5056878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!