主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.slideUp() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<p>CodePlayer</p> <p>专注于编程开发技术分享</p> 向上滑动的隐藏效果： <select id="animation"> <option value="1">slideUp( )</option> <option value="2">slideUp( "slow" )</option> <option value="3">slideUp( 3000 )</option> <option value="4">slideUp( 1000, complete )</option> <option value="5">slideUp( 1000, "linear" )</option> <option value="6">slideUp( options )</option> </select> <input id="btnShow" type="button" value="显示" /> <input id="btnSlideUp" type="button" value="隐藏" />

//【显示】按钮 $("#btnShow").click( function(){ $("p").show( ); } ); //【隐藏】按钮 $("#btnSlideUp").click( function(){ var v = $("#animation").val(); if( v == "1" ){ $("p").slideUp( ); }else if(v == "2"){ $("p").slideUp( "slow" ); }else if(v == "3"){ $("p").slideUp( 3000 ); }else if(v == "4"){ $("p").slideUp( 1000, function(){ alert("隐藏完毕!"); // 会弹出2次，因为有2个p标签 } ); }else if(v == "5"){ $("p").slideUp( 1000, "linear" ); }else if(v == "6"){ $("p").slideUp( { duration: 1000 } ); } } );