亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery淡入淡出效果簡單實例

 更新時間：2016年01月14日 14:29:10   作者：乘著風在飛  
這篇文章主要介紹了jquery淡入淡出效果簡單實現(xiàn)方法,以完整實例形式分析了jQuery中fadeIn及fadeOut實現(xiàn)淡入淡出的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了jquery淡入淡出效果實現(xiàn)方法。分享給大家供大家參考，具體如下：

之前理解有一些誤區(qū)，以為淡入淡出是刪除該元素，其實只是把該元素隱藏起來 和 顯示出來罷了。

具體代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr">
<head>
  <mce:script type="text/javascript" src="jquery-1.4.4.min.js" mce_src="jquery-1.4.4.min.js"></mce:script>
  <title>Example | xHTML1.0</title>
</head>
<body>
<button id="click">click</button>
<ul id="ul">
<li>#</li>
<li>@</li>
<li>$</li>
</ul>
<mce:script type="text/javascript"><!--
$(function () {
  var _num = 1;
  $("#click").click(function () {
    var _ul = $("#ul");
    var _li = $("#ul li");
    var _len = _li.length;
    var _str = "<li style="display:none" mce_style="display:none">" + _num + "</li>";
    _li.eq(_len-1).fadeOut('slow',function () {
      $(this).remove();
    });
    ++_num;
    $(_str).prependTo(_ul).fadeIn('slow');
  });
});
// --></mce:script>
</body>
</html>

更多關(guān)于jQuery特效相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常見經(jīng)典特效匯總》

希望本文所述對大家jQuery程序設計有所幫助。

相關(guān)文章

  • jQueryUI寫一個調(diào)整分類的拖放效果實現(xiàn)代碼

    jQueryUI寫一個調(diào)整分類的拖放效果實現(xiàn)代碼

    最近，想用jQuery做一個網(wǎng)頁的樹目錄結(jié)構(gòu)，并且可以使用鼠標拖動調(diào)整選項的位置。我在網(wǎng)上找了一下插件，基本上看了好幾款比較著名的，都覺得代碼太復雜了或者界面太丑了等各種不符合我的要求
    2012-05-05
  • 利用JQuery實現(xiàn)datatables插件的增加和刪除行功能

    利用JQuery實現(xiàn)datatables插件的增加和刪除行功能

    這篇文章給大家介紹了jquery實現(xiàn)datatables插件的增加和刪除行的功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下
    2017-01-01
  • jQuery拖拽div實現(xiàn)思路

    jQuery拖拽div實現(xiàn)思路

    jQuery拖拽div,利用jquery的mousemove，mousedown，mouseup三個事件,需要的朋友可以參考下
    2014-02-02
  • jquery獲取input type=text中的值的各種方式(總結(jié))

    jquery獲取input type=text中的值的各種方式(總結(jié))

    下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-12-12
  • 使用jQuery實現(xiàn)購物車

    使用jQuery實現(xiàn)購物車

    這篇文章主要為大家詳細介紹了使用jQuery實現(xiàn)購物車，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-10-10
  • jQuery焦點圖切換簡易插件制作過程全紀錄

    jQuery焦點圖切換簡易插件制作過程全紀錄

    本文主要講訴了本人制作一個jquery焦點圖切換的簡易插件的過程，十分的詳細，希望對大家能有所幫助
    2014-08-08
  • jQuery判斷元素上是否綁定了指定事件的方法

    jQuery判斷元素上是否綁定了指定事件的方法

    這篇文章主要介紹了jQuery判斷元素上是否綁定了指定事件的方法,涉及jQuery綁定事件的判斷技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • jQuery的一些注意

    jQuery的一些注意

    jQuery的一些注意...
    2006-12-12
  • jquery獲取select選中值的方法分析

    jquery獲取select選中值的方法分析

    這篇文章主要介紹了jquery獲取select選中值的方法,結(jié)合實例詳細分析了jQuery獲取select選中項option文本值及value值的方法,同時給出了JavaScript獲取select選中項的技巧,需要的朋友可以參考下
    2015-12-12
  • 最新28個很棒的jQuery 教程

    最新28個很棒的jQuery 教程

    jQuery 是一個非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時還有許多成熟的插件可供選擇。今天的這篇文章收集了最新28個非常有用的 jQuery 教程分享給大家。
    2011-05-05

最新評論