当前位置:首页 » 网站问题大全 » 正文

帝国cms下拉菜单导航标签

496 人参与  2018年11月17日 18:52  分类 : 网站问题大全  评论

帝国cms下拉菜单导航标签



头部变量模板

fc5d94c323b3306b82fd08c5668c993f.jpg


<div id="navMenu" >

<ul>

<li style="background:none"><a href="/">网站首页</a></li>


[showclasstemp]'0',12,0,0[/showclasstemp]



</ul>

</div>


<script type='text/javascript' src='/images/dropdown.js'></script>



[e:loop={"select classid, classname, classpath from `[!db.pre!]enewsclass` where bclassid='0'  and showclass=0 order by `myorder` ",7,24,0}]

<ul id="dropmenu<?=$bqno?>" class="dropMenu">

[showclasstemp] $bqr[classid] ,1,0,0[/showclasstemp]

</ul>

[/e:loop]




<script type="text/javascript">cssdropdown.startchrome("navMenu")</script> 








下啦标签模板1


<li><a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a></li>



导航标签模板2


<li><a href='[!--classurl--]' title='[!--classname--]' rel='dropmenu[!--no--]'   class="aa">[!--classname--]</a></li>










css代码






#navMenu {width:960px; height:31px; background:url(../images/menu_bg.gif) no-repeat; line-height:31px; clear:both}

#navMenu  ul{}

#navMenu li {float:left; width:84px;background:url(../images/nav_lia.gif) no-repeat left;text-align:left; padding-right:16px; padding-left:17px; font-size:14px;list-style-type:none}

#navMenu li a {color:#ffffff; display:block;text-align:center;line-height:31px; width:84px;}

#navMenu li a:hover, #navMenu li.hover a {background:url(imenu_h.gif) no-repeat left top;text-decoration:none;color:#fff;width:84px; text-align:center}

/*-------- 下拉菜单 --------------*/

.dropMenu {position:absolute;top: 0;z-index:100;width:84px;visibility: hidden; margin: -2px 0 0 -1px;border-top: 0px ;padding-top:6px;padding-bottom:6px;}


.dropMenu li {margin-top:1px;margin-bottom:1px;background-color:#018CD5; height:24px; line-height:24px; text-align:center}

.dropMenu li a{width: 84px;display: block;background:url('../images/subdot1.gif') no-repeat left 10px;text-align:center;text-decoration:none;color: #FFFFFF;}

.dropMenu+li a{border-top:none;}

* html .dropMenu a {width: 100%;color:#333;}

.dropMenu li:hover { background:#64A1FB; color:#FFFFFF}

.dropMenu li:hover a{ color:#FFFFFF}





js代码


dropdown.js


0cac365efd91c52a2e0de137f93c77f5.rar


帝国cms栏目导航实现既高亮也有下拉菜单方法 

或许各位有其他办法,如果有也可以分享出来哈。感谢!

第一步将获取顶级栏目高亮的代码 复制到\e\class\userfun.php

代码如下:

function currentPage($classid,$thisid){
        global $class_r;
        $fr=explode('|',$class_r[$classid][featherclass]);
        $topbclassid=$fr[1]?$fr[1]:$classid;
        if ($topbclassid==$thisid) {
                  echo "on";
                }
                else {
                }
}

第二步:修改以下代码然后替换header变量!


<li class="mv">
  <dl>
    <dt><a href="[!--news.url--]">
      <table>
        <tr>
          <td>首页<img src="[!--news.url--]css/img.gif" /></td>
        </tr>
      </table>
      </a></dt>
  </dl>
</li>
<?php
   $ecms_bq_sql=sys_ReturnEcmsLoopBq('select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder limit 8',20,24,0);    $bqno=0;
    while($bqr=$empire->fetch($ecms_bq_sql))
    {
    $bqsr=sys_ReturnEcmsLoopStext($bqr);
    $bqno++;
    ?>
<li>
  <dl>
    <dt><a title="<?=$bqr[classname]?>" href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" class="<?=currentPage($GLOBALS[navclassid],$bqr[classid])?>">
      <table>
        <tr>
          <td><?=$bqr[classname]?>
            <img src="[!--news.url--]css/img.gif" /></td>
        </tr>
      </table>
      </a></dt>
    <dd>
      <?php
        $ecms_bq_sql2=sys_ReturnEcmsLoopBq("select classid,classname,classpath from [!db.pre!]enewsclass where bclassid='$bqr[classid]' order by myorder limit 5",20,24,0);
        $bqno2=0;
        while($bqr2=$empire->fetch($ecms_bq_sql2))
        {
        $bqsr2=sys_ReturnEcmsLoopStext($bqr2);
        $bqno2++;
        ?>
      <a href="/<?=$bqr2[classpath]?>" ><img src="[!--news.url--]css/m_tag.png" />
      <?=$bqr2[classname]?>
      </a>
      <?php
        }
        ?>
    </dd>
  </dl>
</li>
<?php
    }
    ?>

大家如有需要根据自己的需要来修改吧,


修改灵动标签,嵌套循环实现下拉子栏目的菜单 


根据wm_chief 管理员发布帖子:http://bbs.phome.net/showthread-13-146819-0.html,修改了灵动标签,能嵌套循环;以实现下拉子栏目的导航菜单,代码如下:
<div class="navigation">
    <ul>
    <li><a href="[!--news.url--]" target="_self">首页</a></li>
    <?php
   $ecms_bq_sql=sys_ReturnEcmsLoopBq('select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder limit 8',20,24,0);    $bqno=0;
    while($bqr=$empire->fetch($ecms_bq_sql))
    {
    $bqsr=sys_ReturnEcmsLoopStext($bqr);
    $bqno++;
    ?>
    <li><a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" title="<?=$bqr[classname]?>" target="_self" ><?=$bqr[classname]?></a> 
        <ul>              
        <?php
        $ecms_bq_sql2=sys_ReturnEcmsLoopBq("select classid,classname,classpath from [!db.pre!]enewsclass where bclassid='$GLOBALS[navclassid]' order by myorder limit 5",20,24,0);
        $bqno2=0;
        while($bqr2=$empire->fetch($ecms_bq_sql2))
        {
        $bqsr2=sys_ReturnEcmsLoopStext($bqr2);
        $bqno2++;
        ?>
        <li><a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" title="<?=$bqr[classname]?>" target="_self" ><?=$bqr[classname]?></a></li>         <?php
        }
        ?>
        </ul>
    </li> 
    <?php
    }
    ?>
    </ul>
</div>
其中一级栏目通过SQL能完全调出来(见上面代码中的蓝色部分),但一级栏目中的子栏目(见上面代码中的红色部分),就不知道怎么调用了,估计bclassid='$GLOBALS[navclassid]'和这部分<li><a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" title="<?=$bqr[classname]?>" target="_self" ><?=$bqr[classname]?></a></li>出了问题,其中的意图是分别调用当前栏目下的子栏目,并将显示出子栏目名称和链接地址,我试着用一级栏目相同的代码嵌套到其中完全可以调出该一级栏目中完全相同的5条记录(调用后的源代码见下图),但不知怎么调出该一级栏目下的子栏目哟,望高人出手!谢谢! 


1297065702.jpg

============================================================================

调取下拉式一级栏目和二级栏目并且高亮显示

<ul class="menuboxul">

      <li><a href="[!--news.url--]"  class="dq"> 首  页</a></li>

    <?php

   $ecms_bq_sql=sys_ReturnEcmsLoopBq('select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder limit 8',20,24,0);    $bqno=0;

    while($bqr=$empire->fetch($ecms_bq_sql))

    {

    $bqsr=sys_ReturnEcmsLoopStext($bqr);

    $bqno++;

    ?>

      <li><a <?php if($bqr[classid]==$GLOBALS[navclassid]){echo 'class="dq"';} ?> href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>"><?=$bqr[classname]?></a>

        <div class="hide1">

          <div class="menu_r_nav2j">

<?php

        $ecms_bq_sql2=sys_ReturnEcmsLoopBq("select classid,classname,classpath from [!db.pre!]enewsclass where bclassid='$bqr[classid]' order by myorder limit 5",20,24,0);

        $bqno2=0;

        while($bqr2=$empire->fetch($ecms_bq_sql2))

        {

        $bqsr2=sys_ReturnEcmsLoopStext($bqr2);

        $bqno2++;

        ?>

<a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>"><i class="fa fa-arrow-circle-o-right"></i><?=$bqr2[classname]?></a>

<?php

        }

        ?>

            <div class="clearfix"></div>

          </div>

        </div>

      </li>

<?php

    }

    ?>

    </ul>





来源:金点子博客(QQ:185000771),转载请保留出处和链接!

本文链接:http://www.jdz520.com/post/90.html

本文标签:

百度推荐获取地址:http://tuijian.baidu.com/,百度推荐可能会有一些未知的问题,使用中有任何问题请直接联系百度官方客服!
<< 上一篇 下一篇 >>

  • 评论(0)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站SEO优化

自媒体营销 | SEO优化 | 网络营销 | 微商必读 | SEM优化 | 淘宝营销 | 微商必读 | 网络红人 |

8年专注网站seo优化企业网站建设微信营销全网营销就这么简单。。。Powered By Z-Blog 金点子博客 版权所有 备案号:赣ICP备14009179号-6