jQuery使用slideUp方法實現(xiàn)控制元素緩慢收起
本文實例講述了jQuery使用slideUp方法實現(xiàn)控制元素緩慢收起功能的技巧。分享給大家供大家參考。具體實現(xiàn)方法如下:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideUp("slow");
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
}
</style>
</head>
<body>
<div id="flip">Click to slide up panel</div>
<div id="panel">Hello world!</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
- jQuery下拉菜單的實現(xiàn)代碼
- 精心挑選的15個jQuery下拉菜單制作教程
- bootstrap+jQuery 實現(xiàn)下拉菜單中復(fù)選框全選和全不選效果
- jQuery實現(xiàn)的checkbox級聯(lián)選擇下拉菜單效果示例
- jQuery實現(xiàn)的導航下拉菜單效果示例
- jQuery實現(xiàn)的導航下拉菜單效果
- jQuery插件cxSelect多級聯(lián)動下拉菜單實例解析
- jQuery模擬select實現(xiàn)下拉菜單功能
- 基于jquery實現(xiàn)三級下拉菜單
- jQuery實現(xiàn)的頁面詳情展開收起功能示例
- jquery實現(xiàn)先淡出再折疊收起的動畫效果
- jQuery實現(xiàn)下拉菜單動態(tài)添加數(shù)據(jù)點擊滑出收起其他功能
相關(guān)文章
輕量級jQuery插件slideBox實現(xiàn)帶底欄輪播(焦點圖)代碼
這篇文章主要介紹了輕量級jQuery插件slideBox實現(xiàn)帶底欄輪播(焦點圖)代碼,代碼簡單易懂,非常實用,特此分享腳本之家平臺供大家學習2016-03-03
jquery調(diào)取json數(shù)據(jù)實現(xiàn)省市級聯(lián)的方法
這篇文章主要介紹了jquery調(diào)取json數(shù)據(jù)實現(xiàn)省市級聯(lián)的方法,可實現(xiàn)讀取json數(shù)據(jù)綁定到下拉菜單的功能,非常具有實用價值,需要的朋友可以參考下2015-01-01
jquery統(tǒng)計用戶選中的復(fù)選框的個數(shù)
使用選擇器得到所有被勾選的復(fù)選框元素的集合,然后通過判斷元素的個數(shù)來得到用戶勾選的個數(shù),需要的朋友可以參考下2014-06-06
JQuery Tips(3) 關(guān)于$()包裝集內(nèi)元素的改變
JQuery包裝集內(nèi)的元素在一開始的選定后,還可以通過一系列JQuery提供的方法對包裝集內(nèi)的元素進行擴充,修改,篩選,刪除find()方法 VS filter()方法2009-12-12
基于jQuery的ajax功能實現(xiàn)web service的json轉(zhuǎn)化
前面文章說過下次會給大家介紹詳細的基于web Services的JqueryAjax調(diào)用如何把一個datatable得數(shù)據(jù)轉(zhuǎn)化成JSON數(shù)據(jù),然后在客戶端再通過json2.js轉(zhuǎn)化成javascript對象。2009-08-08
基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能
基于jQuery的讓textarea支持Ctrl+Z步步撤銷功能,需要的朋友可以參考下。2011-10-10
使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷(可換膚)
點擊姓名會顯示她的基本詳細信息,點擊切換皮膚,會更改皮膚和字體大小感興趣的朋友可以參考下本文如何使用jQuery實現(xiàn)的網(wǎng)頁版的個人簡歷2013-04-04

