首頁 > web前端 > js教程 > 一個封裝js程式碼-----展開收起效果範例_javascript技巧

一個封裝js程式碼-----展開收起效果範例_javascript技巧

WBOY
發布: 2016-05-16 17:30:18
原創
1268 人瀏覽過

第一次靠自己完整的封裝的小特效,有點小小的興奮,和大家分享下,希望能對和我一樣在探索的童鞋們有點幫助
js部分:

複製程式碼 程式碼如下:

var show_obj = function(obj,at,objat,objat,objat >$(obj).bind('click', function(){
var showTxt = $(this).children(at);
//alert($(at).html());
//alert(sObj);
//alert();
//alert($(this).parent().children(p).html());
if(showTxt .html() == ' '){
showTxt.html('-')
}else{
showTxt.html(' ')
}
$(this).parent ().children(ob).slideToggle(300);
})
}


html 引用:
html 引用:
複製程式碼


程式碼如下:


$(function(){
show_obj('.slide_show','.slide_show','.slide_show a', '.p-silde');
})
html 代碼:
我沒有清單

PS:記得引用jQuery的框架,相容ie6以上,火狐,Google,ie6沒有測試大家可以自己測試
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板