国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 钟祥市| 湘潭市| 秭归县| 峨边| 南宫市| 双城市| 三亚市| 嘉善县| 牙克石市| 阿合奇县| 金塔县| 武威市| 新干县| 军事| 合水县| 合川市| 邯郸县| 会宁县| 高要市| 深州市| 四会市| 阿瓦提县| 大理市| 新田县| 泰宁县| 错那县| 曲麻莱县| 石台县| 大埔区| 临邑县| 汤原县| 南康市| 衢州市| 定州市| 成武县| 正阳县| 四川省| 怀宁县| 克什克腾旗| 龙游县| 福泉市|