<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • jQuery學(xué)習(xí)筆記之jQuery的動畫

    時間:2024-11-06 02:50:55 jQuery 我要投稿
    • 相關(guān)推薦

    關(guān)于jQuery學(xué)習(xí)筆記之jQuery的動畫

      一.系統(tǒng)預(yù)定義的動畫函數(shù)

    關(guān)于jQuery學(xué)習(xí)筆記之jQuery的動畫

      1.顯示隱藏函數(shù)

      show(); //顯示元素(同時增加寬、高、不透明度)

      hide(); //隱藏元素

      執(zhí)行hide()隱藏界面元素,相當(dāng)于將css樣式中的display:none.

      我們也可以在函數(shù)中加入?yún)?shù),具體如下:

      show("slow");

      除了slow取值外,還可以設(shè)置為normal,fast,分別代表時間為600,400,200毫秒

      我們也可以加如具體時間取值。具體如下:

      slow(1000);

      這樣代表時間完全顯示出元素的時間間隔為1000毫秒

      2.不透明度函數(shù)

      fadeIn();//逐漸顯示元素(只增加不透明度)

      fadeOut();//逐漸隱退元素

      3.高寬度函數(shù)

      slideDown();//逐漸增加元素高度(只增加元素高度)

      slideUp();//逐漸縮短元素高度

      二.自定義動畫函數(shù)

      animate(params,speed,callback);

      params:取值為一個樣式屬性和取值的映射

      speed:速度

      callback:動畫完成時的執(zhí)行函數(shù)

      其中params的樣式屬性取值可以是多個屬性,也可以是累增,累減的取值

      例子:

      復(fù)制代碼 代碼如下:

      $(function(){

      $(#id1).click(function(){

      $(this).animate({left:"+=500px",height:"200px"},3000,function(){

      $(this).css("border","5px solid blue")

      })

      })

      })

      1.停止元素動畫

      stop();

      結(jié)束當(dāng)前執(zhí)行的動畫,并立即執(zhí)行下面定義的動畫

      2.判斷是否在動畫狀態(tài)

      is(":animate")

      3.其他動畫函數(shù)

      toggle(speed,callback);//立即切換元素狀態(tài)(高,寬,不透明度),如果隱藏則切換到顯示,如果顯示則切換的隱藏

      sildeToggle(speed,callback);//改變高度方式切換元素狀態(tài)

      fadeto(speed,opacity,callback);切換到指定的不透明度值

    【jQuery學(xué)習(xí)筆記之jQuery的動畫】相關(guān)文章:

    jQuery的DOM操作筆記07-29

    jQuery程序設(shè)計08-05

    jquery提交按鈕的代碼07-28

    淺析jQuery 遍歷函數(shù)javascript08-06

    jQuery中prev()方法用法07-16

    jQuery中replaceAll()方法用法10-15

    如何理解jquery事件冒泡09-15

    jquery之超簡單的div顯示和隱藏特效demo簡介05-15

    jQuery 源碼分析和Ready函數(shù)06-28

    jQuery中parent()和siblings()的問題10-16

    主站蜘蛛池模板: 亚洲精品色婷婷在线影院| 无码日韩精品一区二区免费暖暖 | 久久久精品国产Sm最大网站| 国产精品亲子乱子伦xxxx裸| 久久精品国产亚洲精品| 国产原创精品视频| 亚洲AV无码成人精品区蜜桃 | 亚洲日韩国产精品乱| 四虎最新永久在线精品免费 | 国产三级精品三级在专区| 国产午夜精品久久久久免费视| 精品人妻伦九区久久AAA片69| 国产精品1区2区| 久久99国内精品自在现线| 四虎国产精品成人免费久久| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 亚洲国产一成人久久精品| 国产亚洲精品线观看动态图| 色播精品免费小视频| 国产92成人精品视频免费| 久久精品aⅴ无码中文字字幕不卡| 日本五区在线不卡精品| 国产伦精品一区二区三区视频猫咪| 四虎国产精品免费久久久| 国产精品视频一区国模私拍| 精品久久久久久国产潘金莲| 亚洲精品午夜国产VA久久成人| 日韩精品亚洲专区在线观看| 精品人妻V?出轨中文字幕| 国产乱子伦精品无码专区| 国产精品毛片一区二区| 午夜精品免费在线观看| 久久精品草草草| 好属妞这里只有精品久久| 1024国产欧美日韩精品| 亚洲精品第一国产综合精品99| 国产精品毛片无遮挡| 无码精品人妻一区二区三区免费看| 婷婷久久精品国产| 亚洲精品尤物yw在线影院| 欧美成人精品高清视频在线观看|