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

首頁 > 編程 > JavaScript > 正文

js控制li的隱藏和顯示實例代碼

2019-11-20 08:44:43
字體:
來源:轉載
供稿:網友

html頁面

<div class="favorite_list">    <div class="list_type" id="list_type">      <ul class="all">       <li> <a href="javascript:void(0);" onclick="showli(1);">全部(<span class="nums">{$count}</span>)</a></li>       <li> <a href="javascript:void(0);" onclick="showli(60);">鋼琴譜(<span class="nums">{$count_pu}</span>)</a></li>       <li> <a href="javascript:void(0);" onclick="showli(525);">鋼琴曲(<span class="nums">{$count_qu}</span>)</a></li>       <li> <a href="javascript:void(0);" onclick="showli(531);">鋼琴專輯(<span class="nums">{$count_zhuanji}</span>)</a></li>       <li> <a href="javascript:void(0);" onclick="showli(541);">鋼琴全集(<span class="nums">{$count_quanji}</span>)</a></li>       <li> <a href="javascript:void(0);" onclick="showli(14);">鋼琴視頻(<span class="nums">{$count_shipin}</span>)</a></li>      </ul>    </div>    <div class="list_content">      <ul class="navigation" id="navigation">        {loop $info $r}        <li id="t1" class="sl{$r[parentid]}">         <!-- 此處的class復制了一個變量,該變量的值可能是[60,525,531,542,14]-->         <a href="{$r[url]}" target="blank"><h3>{$r[title]}</h3></a>         <span class="date">{date("Y-m-d",$r[adddate])}</span>         <a class="delete" href="javascript:void(0)" onclick="ConfirmDel({$r[id]});"><img src="http://www.hqgq.com/statics/www_images/favorite/delete.jpg"/></a>         </li>        {/loop}      </ul>    </div>  </div>

 js代碼

function showli(pid){  var arrnav = ["1", "525", "531","541","60","14"];  if(pid=='1'){ // 如果是1就顯示全部的li標簽    $("ul.navigation li").show();    return false;  }  // 否則就顯示對應的class="s1"+pid的li標簽  $.each(arrnav, function(i, item){    if(item==pid){      $("ul.navigation li.sl"+pid).show();    }else{      $("ul.navigation li.sl"+item).hide();    }  });}

【效果預覽】

以上就是小編為大家帶來的js控制li的隱藏和顯示實例代碼全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金川县| 新巴尔虎左旗| 修水县| 邻水| 贡嘎县| 铜鼓县| 渑池县| 桓仁| 额尔古纳市| 墨江| 东明县| 金坛市| 疏勒县| 屯留县| 常州市| 巨鹿县| 鹿邑县| 简阳市| 红原县| 阳谷县| 淮北市| 正定县| 达州市| 高碑店市| 玛沁县| 白山市| 陇川县| 乌审旗| 桐梓县| 新乐市| 柳河县| 定日县| 厦门市| 鄄城县| 曲松县| 榆树市| 景宁| 邯郸市| 安龙县| 石河子市| 郸城县|