麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:34:39
字體:
來源:轉載
供稿:網友
第一次靠自己完整的封裝的小特效,有點小小的興奮,和大家分享下,希望能對和我一樣在探索的童鞋們有點幫助
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 代碼:
<ul>
<li>
<div class="clearfix slide_show"><span style="float:left">我有列表</span><a style="float:right">+</a></div>
<p class="p-silde" style="display:none">
<a href="#">列表1</a>
<a href="#">列表2</a>
<a href="#">列表3</a>
</p>
</li>
<li>
<div class="clearfix slide_show"><span style="float:left">我有列表</span><a style="float:right">+</a></div>
<p class="p-silde" style="display:none">
<a href="#">列表1</a>
<a href="#">列表2</a>
<a href="#">列表3</a>
</p>
</li>
<li>
<div class="clearfix slide_show"><span>我沒有列表</span></div>
</li>
</ul>

PS:記住引用jQuery的框架,兼容ie6以上,火狐,谷歌,ie6沒有測試大家可以自己測試
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄色的视频免费看 | 国产精品爱久久久久久久 | 午夜精品福利影院 | 91色爱| 久久精品视频69 | 国产精品久久久久久久娇妻 | 欧美乱码精品一区 | 一级免费观看 | 精品一区二区在线观看视频 | 久久老司机精品视频 | 成人福利视频网站 | 一级黄色免费 | 国产手机国产手机在线 | 毛片在线免费视频 | 国产视频在线免费观看 | 日本一区二区高清不卡 | 美国黄色毛片女人性生活片 | 高潮激情aaaaa免费看 | 视频一区国产精品 | 久久久久久久久久久av | 亚洲国产精品一区二区三区 | 欧美一级黄视频 | 曰韩av在线 | 一级一级一级一级毛片 | 中文字幕亚洲一区二区三区 | 高清国产在线 | 爽妇网国产精品 | 色av成人天堂桃色av | 久久av喷吹av高潮av懂色 | 意大利av在线 | 中文字幕一区久久 | 在线观看免费av网 | 亚洲综合视频在线播放 | 国产一区二区午夜 | 万圣街在线观看免费完整版 | 天天夜干 | 亚洲婷婷日日综合婷婷噜噜噜 | 一区二区三区视频在线播放 | 19禁国产精品福利视频 | 日本在线观看视频网站 | 成人三区四区 |