炫意html5
最早CSS3和HTML5移动技术网站之一

DEDECMS导航栏制作,(一二三)级导航

DEDECMS源码相信很多朋友都用过,DEDECMS 和phpmywind,对于建设企业网站,是很不错的两款源码,dedecms可以建设相对大型的企业网站,phpmywind可以建设中小型的,方便操作。还有就是ECSHOP源码,对于建设电商网站,是不错的选择。后期会对ECSHOP做简单介绍,请关注我的博客。

切入正题,来谈谈织梦的导航栏制作:

一、对于只有主栏目,没有子栏目的网站,该类栏目的dedecms调用方法比较简单,如下:

{dede:channel type='top' currentstyle="<li class='thisclass'><a href='https://www.xyhtml5.com/post/dedecms_nav/~typelink~'>~typename~</a> </li>"}
<li>
<a href='https://www.xyhtml5.com/post/dedecms_nav/[field:typeurl/]'>[field:typename/]</a>
</li>
{/dede:channel}

注释(参数): typeid=’0′ 栏目ID; reid = ‘0’ 上级栏目ID; row = ‘100’ 调用栏目数;col = ‘1’ 分多少列显示(默认为单列);type = ‘son | sun’ son表示下级栏目,self表示同级栏目,top顶级栏目; currentstyle = ” 应用样式”。

这种方法会把后台的顶级栏目都调用出来,如果想有些栏目不被调用出来,可以加上参数typeid=‘所要调用栏目的id’。对于调用指定的栏目可以用下面的标签:

{dede:type typeid=‘指定栏目的id’}<a href="https://www.xyhtml5.com/post/dedecms_nav/[field:typelink /]">[field:typename /]</a>{/dede:type}

二、 带有二级子栏目的栏目的调用

代码如下:

    <li>
{dede:type typeid='指定ID'}<a href='https://www.xyhtml5.com/post/dedecms_nav/[field:typelink/]' >[field:typename/]</a>{/dede:type}
<ul >
{dede:channelartlist typeid='top'  typeid='指定ID'}
<li><a href='https://www.xyhtml5.com/post/dedecms_nav/{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a> </li>
{/dede:channelartlist}
</ul>
</li>

三、 带有三级子栏目的栏目的调用

代码如下:

<li>
{dede:type typeid='指定ID'}
<a href='https://www.xyhtml5.com/post/dedecms_nav/[field:typelink/]'>[field:typename/]</a>{/dede:type}
<ul >
{dede:channelartlist typeid='top'  typeid='指定ID'}
<li><a href='https://www.xyhtml5.com/post/dedecms_nav/{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a>
<ul>
{dede:sql sql='Select * from t_arctype where reid=~id~  ORDER BY id limit 0,20'}  //最多20条
<li><a href="https://www.xyhtml5.com/plus/list.php?tid=[field:id/]" >[field:typename/]</a></li>
{/dede:sql}
</ul>
</li>
{/dede:channelartlist}
</ul>
</li>

其中最里面的SQl也可以这么写:

{dede:sql sql='Select * from dede_arctype where reid=~id~  ORDER BY id limit 0,20'}  //limit 起始三级栏目id  显示栏目的条数                                  <li><a href="https://www.xyhtml5.com/post/dedecms_nav/[field:typedir function='str_replace("{cmspath}","",@me)'/]" >[field:typename/]</a></li>                                  {/dede:sql}  

炫意HTML5 » DEDECMS导航栏制作,(一二三)级导航

Java基础教程Android基础教程