• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jquery怎樣讓一個div漸變消失

    新建一個html文件,定名為test.html,用于實現利用jquery方式讓一個div漸變消逝。

  • 2

    在test.html,利用script標簽加載jquery.min.js庫文件,只有當作功加載該文件才能利用fadeOut()方式。

  • 3

    在test.html頁面,建立一個div模塊和一個button按鈕,別離設置它們的class屬性名,用于下面步調對它們進行操作。

  • 4

    利用css對div進行樣式結構,設置其高寬都為300px,并設置其布景顏色為紅色,代碼如下:

  • 5

    給按鈕綁心猿意馬click點擊事務,在按鈕被點擊時,執行function函數,代碼如下:

  • 6

    在function函數內,獲得div對象,并利用fadeOut()方式讓div遲緩(slow)地消逝。

  • 7

    在瀏覽器打開test.html文件,查看實現的結果,可見當點擊“逐漸消逝”按鈕后,div漸變消逝。

    • 發表于 2019-08-13 22:26
    • 閱讀 ( 1705 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆