日本伦理电影片观看,伦理剧,伦理在线,日本伦理片,手机伦理电影

綠色排版東西|熱點專題|網站輿圖|
您確以后地位:網站首頁 > 建站教程 > wordpress教程 > 注釋

WordPress文章頁完成所屬分類高亮顯現

來歷:未知 編輯:小螞蟻站長 時候:2020-01-01 18:20:38 瀏覽:次
若何在Wordpress文章頁完成所屬分類高亮顯現呢?當用戶點擊某篇文章,文章所屬分類主動增加一個款式高亮顯現。結果以下圖:

WordPress文章頁完成所屬分類高亮顯現

第一步:獲得文章所屬于分類,這個能夠埋沒。


<div id="fltop" style="display:none;">                  <?php the_category(', ') ?> </div>

第二步:給頂級分類的二級分類列表增加一個ID;(方式見:文章頁獲得頂部父類下一切子分類列表)


<ul id="sidebarleft"> …… </ul>

第三步:利用JS獲得所屬分類的A標簽URL和列表一切A標簽的URL,并且停止對照判定,若是包羅就給A標簽增加一個class類:current-cat;


<script>                 //代碼來歷:學做網站服裝論壇t.vhao.net http://www.xuewangzhan.net/                 //獲得分類A標簽和列表一切的a標簽(前往節點工具)                    var myNav = document.getElementById("sidebarleft").getElementsByTagName("a");                    var myURL = document.getElementById("fltop").getElementsByTagName("a");                                   //輪回div上面一切的鏈接,                    for(var i=0;i<myNav.length;i++){                    //獲得每個a標簽的herf屬性                   var links = myNav[i].getAttribute("href");                        var myURL2 = myURL[0].getAttribute("href");                             //檢查div下的鏈接是不是包羅以后窗口,若是存在,則給其增加款式                   if(myURL2.indexOf(links) != -1){                     myNav[i].className="current-cat";                            }                  }                 </script>

第四步:在CSS中增加一個current-cat款式,如許就完成了點擊后高度顯現結果。

圖文精選:

Copyright?2012-2019 小螞蟻信息網版權一切 粵ICP備14061018號


慎重申明:本網站資本、信息來歷于收集,完整收費同享,僅供進修和研討利用,版權和著述權歸原作者一切,若有不情愿被轉載的環境,請告訴咱們刪除已轉載的信息。

Top 日本伦理电影片观看,伦理剧,伦理在线,日本伦理片,手机伦理电影 百度 好搜 搜狗

警告:本站禁止未滿18周歲訪客瀏覽,如果當地法律禁止請自覺離開本站!收藏本站:請使用Ctrl+D進行收藏