Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

一个封装js代码-----展开收起效果示例_javascript技巧

WBOY
Freigeben： 2016-05-16 17:30:18
Original
1230 Leute haben es durchsucht

第一次靠自己完整的封装的小特效，有点小小的兴奋，和大家分享下，希望能对和我一样在探索的童鞋们有点帮助
js部分：

复制代码 代码如下:

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);
})
}

html 引用：
复制代码 代码如下:

$(function(){
show_obj('.slide_show','.slide_show a','.p-silde');
})
html 代码：


PS：记住引用jQuery的框架，兼容ie6以上，火狐，谷歌，ie6没有测试大家可以自己测试
Verwandte Etiketten：
展开
Quelle：php.cn
Vorheriger Artikel：jquery滚动组件(vticker.js)实现页面动态数据的滚动效果_jquery Nächster Artikel：jQuery动态设置form表单的enctype值(实现代码)_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich dafür sorgen, dass das Bild in der Mitte der Kopfzeile erscheint? Zunächst einmal basiert mein Code auf 3 Dateien, einem HTML, einem CSS und einem JS. Es so...
Aus 2024-04-01 23:49:58
0
1
372
Next.js 13 So erhalten Sie Cookies auf Client- und Serverseite Ich habe eine Funktion myFetch, die ein Wrapper für fetch ist, um ein Token im Header hinz...
Aus 2024-04-01 11:22:43
0
1
470
Knoten Js + JS-Eingabe = document.getElementById Es gibt ein Knoten-JS-Skript (app.js) zum Senden eines Briefes an die Mailbox: const{respo...
Aus 2024-03-30 21:04:09
0
1
409
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage