国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

一個(gè)封裝js代碼-----展開收起效果示例

2024-05-06 15:48:31
字體:
供稿:網(wǎng)友
本文為大家介紹下一個(gè)封裝展開收起效果js代碼;引用jQuery的框架,兼容ie6以上,火狐,谷歌,ie6沒有測(cè)試大家可以自己測(cè)試

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

復(fù)制代碼 代碼如下:


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 引用:

復(fù)制代碼 代碼如下:


$(function(){
show_obj('.slide_show','.slide_show a','.p-silde');
})
html 代碼:
<ul>
<li>
<div><span>我有列表</span><a>+</a></div>
<p>
<a href="#">列表1</a>
<a href="#">列表2</a>
<a href="#">列表3</a>
</p>
</li>
<li>
<div><span>我有列表</span><a>+</a></div>
<p>
<a href="#">列表1</a>
<a href="#">列表2</a>
<a href="#">列表3</a>
</p>
</li>
<li>
<div><span>我沒有列表</span></div>
</li>
</ul>


PS:記住引用jQuery的框架,兼容ie6以上,火狐,谷歌,ie6沒有測(cè)試大家可以自己測(cè)試
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 盐山县| 盐池县| 四川省| 五原县| 南漳县| 四子王旗| 华坪县| 甘孜县| 铁力市| 武冈市| 巫山县| 凌源市| 隆德县| 郎溪县| 武乡县| 宁津县| 苗栗市| 扬中市| 渝中区| 博爱县| 张掖市| 宣城市| 会东县| 恩平市| 武山县| 遂溪县| 于都县| 黎城县| 武隆县| 荆门市| 宁晋县| 怀集县| 图片| 长沙县| 华阴市| 大足县| 遂平县| 平利县| 天全县| 湘乡市| 高邑县|