无涯教程-jQuery – Drop方法函数

放置效果可与 show/hide/toggle 一起使用。这将删除该元素，或者通过将其放入来显示该元素。

Drop – 语法

selector.hide|show|toggle( "drop", {arguments}, speed );

下面是对所有参数 - 的描述

Drop – 示例

下面是一个简单的示例，一个简单的示例显示了此效果 - 的用法

   
      The jQuery Example
      type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      
		
      type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
      
		
      type="text/javascript" language="javascript">
   
         $(document).ready(function() {

            $("#hide").click(function(){
               $(".target").hide( "drop", {direction: "up"}, 1000 );
            });

            $("#show").click(function(){
               $(".target").show( "drop", {direction: "down"}, 1000 );
            });
				
         });
			
      
		
      
         p {background-color:#bca; width:200px; border:1px solid green;}
      
   
	
   
      
Click on any of the buttons
		
       id="hide"> Hide 
       id="show"> Show 
		
      
 class="target">
          src="../images/jquery.jpg" alt="jQuery" />
      
   

这将产生以下输出 -

jQuery 中的 Drop 方法函数 – 无涯教程网 无涯教程网提供放置效果可与 show/hide/toggle 一起使用。这将删除该元素，或者通过将其放入来显示该 …https://www.learnfk.com/jquery/effect-drop.html