`

JQuery Show()的几种效果 总有一种是你需要的

阅读更多

1 show()方法和hide()方法


$("selector").show()
 从display:none还原元素默认或已设置的display属性
$("selector").hide()
 设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)


2 fadeIn()方法和fadeOut()方法


$("selector").fadeIn()
 控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
 控制透明度在指定时间内降低至display:none;


3 slideUp()方法和slideDown()方法


$("selector").slideUp()
 控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
 控制元素高度在指定时间内从display:none延伸至完整高度


4 自定义动画方法animate()


$("selector").animate(params,speed,callback);
 params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
 speed:速度参数,可选
 callback:在动画完成时执行的参数(即回调函数),可选

分享到:
评论
1 楼 Mr_Ron 2013-01-08  
[color=blue][/color] 不错!

相关推荐

    jquery插件使用方法大全

    jQuery.sub() jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发...

    jQuery权威指南-源代码

    jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈...

    jQuery详细教程

    在 W3School,你可以找到你所需要的所有网站建设教程。 请点击这里 jQuery fadeTo() 演示简单的 jQuery fadeTo() 函数。 <script type="text/javascript" src="/jquery/jquery.js"> $(document).ready...

    jQuery权威指南366页完整版pdf和源码打包

    3.10.3 功能实现 3.10.4 代码分析 3.11 本章小结 第4章 jquery中的事件与应用 4.1 事件机制 4.2 页面载入事件 4.2.1 ready()方法的工作原理 4.2.2 ready()方法的几种相同写法 4.3 绑定事件 ...

    jQuery动画_动力节点节点Java学院整理

    用JavaScript实现动画,原理非常...让我们先来看看jQuery内置的几种动画样式: show / hide 直接以无参数形式调用show()和hide(),会显示和隐藏DOM元素。但是,只要传递一个时间参数进去,就变成了动画: var div =

    JS/jQuery实现DIV延时几秒后消失或显示的方法

    本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考,具体如下: 1、最常用的方法(setTimeout): [removed] $(function () { setTimeout(function () { $("divid").show(); }, ...

    前端Vue常见面试题大全.docx

    1. Vue和React有什么不同?使用场景分别是什么? 2. axios是什么?怎么使用它,怎么解决...20. 说几种如何实现vue首屏加载优化的 21. 请说出vue.cli项目中src目录每个文件夹和文件的用法? 22. $route和$router的区别

    2022年前端Vue常见面试题大全(三万长文)持续更新...-vue面试题.zip

    2022年前端Vue常见面试题大全(三万长文)持续更新 目录 1.Vue和React有什么不同?使用场景分别是什么?...20.说几种如何实现vue首屏加载优化的 21.请说出vue.cli项目中src目录每个文件夹和文件的用法? 22.$ro

    vue常见面试题,经典

    8.说出几种vue当中的指令和它的用法 9. vue-loader是什么?使用它的用途有哪些 10.为什么使用key 11.axios及安装 12.v-modal的使用 13.请说出vue.cli项目中src目录每个文件夹和文件的用法 14.分别简述computed和...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这是默认属性)。 +PageManager的实例方法AddAjaxUpdateControl改名为...

    Angular之指令Directive用法详解

    项目筹备近期开启Angular学习...几种常见指令ng-app 指令用来指定ng的作用域是在那个标签以内部分(<html ng-app=”myApp”>标签) ng-repeat迭代器指令可以重复标记元素、ng-show指令可以根据条件是否显示一个元素

    ExtAspNet_v2.3.2_dll

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox...

    java版斗地主源码-echart_show:echart_show

    这次正好借这个五一小长假+调休,拿出3天时间(感谢家里的支持,没让我5天都在家看孩子)系统的完善了一下常见需求,整理一个demo开源出来供需要的小伙伴们参考,后期看情况将持续维护。 由于项目主要为大屏设计,所以...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第069讲 $http服务之后台接收POST数据的几种方式.mp4 ├最新AngularJS开发宝典—第070讲 spa项目的server层分析与使用factory创建服务.mp4 ├最新AngularJS开发宝典—第071讲 多个控制器...

Global site tag (gtag.js) - Google Analytics