JQuery实践--动画

  1. 显示和隐藏没有动画的元素

    使包装集里的元素隐藏 hide(speed,callback) speed:可选，速度。slow,normal,fast
    callback:函数，可选，完成后调用的函数，无参数。有this上下文    		 包装集  
    使包装集里的元素显示 show(speed,callback)   包装集  
    切换显示隐藏 toggle(speed,callback）   包装集  
    使非隐藏的元素逐渐淡出 fadeout(speed,callback)   包装集  
    使隐藏的元素逐渐淡入 fadeIn(speed,callback)   包装集  
    调整包装集元素的不透明度 fadeTo(speed,opacity,callback) opacity:0.0-1.0 包装集  
    使元素从上到下，逐渐扩大垂直面积，来显示隐藏的元素 slideDown(speed,callback)   包装集  
    使元素从下往上，逐渐缩小垂直面积，来隐藏显示的元素 slideUp(speed,callback)   包装集  
    切换滑上滑下 slideToggle(speed,callback)   包装集  
    使动画停止 stop()   包装集  
    自动以动画,将properties和easing所定义的动画应用到包装集元素上 animate(properties,duration,easing,callback) 在动画结束时，元素应该的CSS样式
    数字|字符串
    缓和函数： linear 和 swing    		    
    利用核心jQuery动画效果使元素显示和隐藏 animate(properties,options) options: duration,easing,complete,queue（立即执行）    
时间： 2024-10-09 17:47:16

JQuery实践--动画的相关文章

jQuery之动画效果show()......animate()

jQuery之动画效果 1.show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒.也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数.   show(speed,[easing],callback) Number/String easing默认是swing,可选linear; $("#div1&qu

jquery的动画效果

序言:昨天复习了jQuery的一些事件,今天我打算继续来复习jQuery的动画效果. 用于写一些网页特效:渐变菜单,渐变显示,图片轮播等. 首先当然得引入插件:<script src="jquery/jquery-1.11.1.js"></script> 1.简单的HTML代码 <input type="button" value="show" id="btn1"/><input ty

jQuery自定义动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery自定义动画</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

如何防止jQuery对象动画重复执行

如何防止jQuery对象动画重复执行:很多朋友可能会遇到这样的时候,如果有一个mouseover事件触发的动画效果,如果鼠标连续移入的话,可能会导致动画被多次执行,这种情况很可能是我们不想要的下过,下面就介绍一下如何防止此种现象的发生.代码如下: if(!$(".content").is(":animated")){ //code } 上面的代码就是判断指定元素是否处于动画之中,如果没有处于动画之中,则执行响应操作.相关阅读:1.is()函数可以参阅jQuery的i

jQuery队列动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery队列动画</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

jQuery中动画animate(下)

jQuery中动画animate(下) animate在执行动画中,如果需要观察动画的一些执行情况,或者在动画进行中的某一时刻进行一些其他处理,我们可以通过animate提供的第二种设置语法,传递一个对象参数,可以拿到动画执行状态一些通知 .animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 prog

jQuery animate()动画效果

1.jQuery动画效果 jQuery animate()方法用于创建自定义动画 $(selector).animate({params},speed,callback); //必需的 params 参数定义形成动画的 CSS 属性: //可选的 speed 参数规定效果的时长,它可以取以下值:"slow"."fast" 或毫秒: //可选的 callback 参数是动画完成后所执行的函数名称: 下面为几个实例: $("button").clic

jQuery基本动画效果

jQuery基本动画效果 1.show() 用于显示页面元素与之相对应的hide() 测试案例: <p title="标题">测试</p> <ul style="display: none"> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li title='菠萝'>菠萝</li> </ul> 点击显

JQuery之动画与特效

学编程吧JQuery之动画与特效发布了,欢迎通过xuebiancheng8.com 显示与隐藏 show(spped,[callback])与hide(spped,[callback]) speed可选填slow.normal.fast,对应的速度分别为600ms.400ms.200ms.也可以直接填毫秒数,callback函数为回调函数,动作完成后调用此函数 [javascript] view plaincopyprint? $("img").show(3000,function()