ホームページ > 記事 > ウェブフロントエンド > カプセル化された js コード-----expand/collapse エフェクト_javascript スキルの例
カプセル化された js コード-----expand/collapse エフェクト_javascript スキルの例
- WBOYオリジナル
- 2016-05-16 17:30:181205ブラウズ
小さな特殊効果を自分で完全にカプセル化したのはこれが初めてなので、私と同じように探索している子供たちに役立つことを願っています。
🎜>
コードをコピー コードは次のとおりです。
var show_obj = function(obj, at,ob){
$(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);
})
}
$(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 引用:
コードをコピーします コードは次のとおりです:
$(function(){
show_obj(' .slide_show','.slide_show a', '.p-silde');
})
html コード:
="clearfix slide_show">リスト
> show_obj(' .slide_show','.slide_show a', '.p-silde');
})
html コード:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。