国产探花免费观看_亚洲丰满少妇自慰呻吟_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的隱藏和顯示實例代碼全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 确山县| 德州市| 马边| 阳东县| 康平县| 桦甸市| 肇源县| 巩留县| 贵德县| 五寨县| 山阴县| 渑池县| 玛纳斯县| 绍兴县| 措美县| 新竹市| 台北县| 武功县| 伊宁市| 香港 | 南岸区| 宣威市| 图们市| 太湖县| 斗六市| 隆尧县| 武乡县| 绥阳县| 新乐市| 砀山县| 松溪县| 金溪县| 罗甸县| 玉树县| 苏尼特左旗| 嘉峪关市| 蓬莱市| 离岛区| 呼图壁县| 屯留县| 正镶白旗|