GVKun编程网logo

dedecms织梦通过js代码实现导航高亮显示(织梦导航源码)

8

在这篇文章中,我们将带领您了解dedecms织梦通过js代码实现导航高亮显示的全貌,包括织梦导航源码的相关情况。同时,我们还将为您介绍有关dedecms织梦JS代码实现导航高亮显示、dedecms织梦

在这篇文章中,我们将带领您了解dedecms织梦通过js代码实现导航高亮显示的全貌,包括织梦导航源码的相关情况。同时,我们还将为您介绍有关dedecms织梦JS代码实现导航高亮显示、dedecms织梦三级导航栏目如何调用、dedecms织梦不同栏目导航显示不同样式的办法、dedecms织梦不同栏目导航显示不同样式的方法的知识,以帮助您更好地理解这个主题。

本文目录一览:

dedecms织梦通过js代码实现导航高亮显示(织梦导航源码)

dedecms织梦通过js代码实现导航高亮显示(织梦导航源码)

 
dedecms织梦通过js代码实现导航高亮显示
 
这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。
 
 
<div id="menu">
 <ul>
  <li><a href="">网站首页</a></li>
  <li><a href="">你的栏目</a></li>
 </ul>
</div>
<script type="text/javascript" language="javascript">
var nav = document.getElementById("menu");
var links = nav.getElementsByTagName("li");
var lilen = nav.getElementsByTagName("a");
var currenturl = document.location.href;
var last = 0;
for (var i=0;i<links.length;i++)
{
   var linkurl =  lilen[i].getAttribute("href");
     if(currenturl.indexOf(linkurl)!=-1)
        {
         last = i;
        }
}
         links[last].className = "menu_on";
</script>
本文章网址:http://www.ppssdd.com/code/1357.html。转载请保留出处,谢谢合作!

dedecms织梦JS代码实现导航高亮显示

dedecms织梦JS代码实现导航高亮显示

 

*种办法:JS代码实现高亮显示

这里是源码文件.HTM里面的代码,下面的JS加载导航代码的下面。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

 

<div id="menu">

 <ul>

  <li><a href="">网站首页</a></li>

  <li><a href="">免费源码</a></li>

 </ul>

</div>

<script type="text/javascript" language="javascript">

var nav = document.getElementById("menu");

var links = nav.getElementsByTagName("li");

var lilen = nav.getElementsByTagName("a");

var currenturl = document.location.href;

var last = 0;

for (var i=0;i<links.length;i++)

{

   var linkurl =  lilen[i].getAttribute("href");

     if(currenturl.indexOf(linkurl)!=-1)

        {

         last = i;

        }

}

         links[last].className = "menu_on";

</script>

本文章网址:http://www.ppssdd.com/code/12075.html。转载请保留出处,谢谢合作!

dedecms织梦三级导航栏目如何调用

dedecms织梦三级导航栏目如何调用

dedecms织梦三级导航栏目如何调用

指定ID类型

{dede:channelartlist typeid=''1''  row=''50''}  
   
{dede:field name=''typename''/}
   
    {dede:sql sql=''Select * from dede_arctype where reid=~id~''}
   
<a href="[field:typedir function=''str_replace("{cmspath}","",@me)''/]">[field:typename/]</a>
 
    {/dede:sql}
   
   {/dede:channelartlist}

不指定ID 常用于导航栏

<ul id="accordion">
{dede:channelartlist typeid=''top'' }
  <li>
   <div><i></i>{dede:field name=''typename''/}<i></i></div>
 
   <ul>
 
     {dede:sql sql=''Select * from `dede_arctype` where reid=~id~ ORDER BY id''} 
     <li><a href="[field:typedir function=''str_replace("{cmspath}","",@me)''/]">[field:typename/]</a></li>
     {/dede:sql} 
   </ul>
  </li>
{/dede:channelartlist} 
</ul>

 

dedecms织梦不同栏目导航显示不同样式的办法

dedecms织梦不同栏目导航显示不同样式的办法

 

织梦CMS实现当前栏目显示不同的样式,例如 id 是 6 的栏目:      

{dede:field runphp='yes' name = 'typeid'}   @me= (@me==6 ? 'class=on' : '');   {/dede:field}  

  解析:

  此办法就是读取当前栏目的 id ,然后在生成的时候添加 class 属性

  扩展:

  当栏目ID为1或2时显示一种样式,其余栏目显示其他样式      

{dede:field runphp='yes' name = 'typeid'}   if(@me==1||@me==2){   @me="织梦源码网";   }else{   @me=www.dede58.com;   }   {/dede:field}  

本文章网址:http://www.ppssdd.com/code/11419.html。转载请保留出处,谢谢合作!

dedecms织梦不同栏目导航显示不同样式的方法

dedecms织梦不同栏目导航显示不同样式的方法

织梦dedecms实现当前栏目显示不同的样式,例如 id 是 6 的栏目:      

{dede:field runPHP='yes' name = 'typeid'}

      @me= (@me==6 ? 'class=on' : '');

      {/dede:field}

 

  解析:

  此方法就是读取当前栏目的 id ,然后在生成的时候添加 class 属性

  扩展:

  当栏目ID为1或2时显示一种样式,其余栏目显示其他样式      

{dede:field runPHP='yes' name = 'typeid'}

      if(@me==1||@me==2){

      @me="织梦模板网";

      }else{

      @me=www.dede58.com;

      }

  {/dede:field}

关于dedecms织梦通过js代码实现导航高亮显示织梦导航源码的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于dedecms织梦JS代码实现导航高亮显示、dedecms织梦三级导航栏目如何调用、dedecms织梦不同栏目导航显示不同样式的办法、dedecms织梦不同栏目导航显示不同样式的方法等相关知识的信息别忘了在本站进行查找喔。

本文标签: