phpcms导航标签(含一级二级)
2015-07-21 08:16
781 查看
/*
一级导航替换样式
.bx{width:1000px!important; margin:0 auto!important; overflow:hidden!important; position: relative;}
.nav{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;
text-align:center;}
.nav ul li{float:left;width:108px;line-height:44px;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;font-weight:700;padding-right:2px;}
.nav ul li:last-child{background:none}
.nav ul li a{font-size:13px;color:#fff;float:left;
width:100%;height:44px;}
.nav ul li .cen{background:#bf67e4;font-weight:bold;color:#fff;}
.nav ul li a:hover{background:#bf67e4;}
**/
<div class="nav">
<div class="bx">
<ul>
{pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}
<li><a href="{siteurl($siteid)}" {if empty($catid)}class="cen"{/if}>首页</a></li>
{php $m=0;}
{loop $data $r}
{if $r[child]==0||$r[catid]==4}
<li><a href="{$r[url]}" {if $catid==$r[catid]}class="cen"{/if}{if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
{else}
{php $j=0;}
{php $d=0;}
{loop subcat($r[catid]) $m}
{php $j++;}
{if $j==1}
{if $m[child]==0}
{php $xj_url=$m[url];}
{else}
{loop subcat($m[catid]) $c}
{php $d++;}
{if $d==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
{/if}
{/if}
{/loop}
<li><a href="{$xj_url}" {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>{$r[catname]}</a></li>
{/if}
{/loop}
{/pc}
</ul>
</div>
</div>
/*
带二级导航的nav
.navs{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;}
.navs >ul {list-style:none;width:1000px;padding:0px;margin:0 auto}
.navs >ul>li{float:left;width:108px;position:relative;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;padding-right:2px;}
.navs ul li .cen{background:#bf67e4;color:#fff;}
.navs ul li a:hover{background:#bf67e4;color:#Fff}
.navs >ul>li a{display:block;line-height:44px;color:#fff;position:relative;}
.navs >ul>li >a{font-size:13px;font-weight:700}
.navs ul li ul{position:absolute;display:none;padding:0px;z-index:999;}
.navs ul li ul li{background:url(../../images/default/sybj.jpg) repeat-x;width:108px;color:#fff;border-bottom:1px solid #af3ae1;}
.navs ul li ul li a:hover{color:#fff}
.navs ul li ul li .ha{background:url(../../images/default/jiantou2.png) no-repeat right center;}
*/
<script>
$(document).ready(function(){
$(".navs ul li").hover(
function(){
$(this).children("ul").show();
},
function(){
$(this).children("ul").hide();
}
)
})
</script>
{template "content","dm"}
<div class="navs">
<ul>
<li ><a href="{siteurl($siteid)} " {if empty($catid)}class="cen"{/if}>首页</a></li>
{pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}
{php $a=0;}
{php $e=0;}
{loop $data $r}
{if $r[child]!=0}
{php $a++;}
{/if}
{/loop}
{php $m=0;}
{loop $data $r}
{if $r[child]==0}
<li {if $catid==$r[catid]} class="cen" {/if}><a href=" {$r[url]}" {if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
{else}
{php $j=0;}
{php $d=0;}
{loop subcat($r[catid]) $m}
{php $j++;}
{if $j==1}
{if $m[child]==0}
{php $xj_url=$m[url];}
{else}
{loop subcat($m[catid]) $c}
{php $d++;}
{if $d==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
{/if}
{/if}
{/loop}
{php $e++;}
<li {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>
<a {if $e==6}style="border:none;"{/if} href="{$xj_url}">{$r[catname]}</a>
<ul style="display: none;">
{loop subcat($r[catid]) $v}
{if $v[child]==0}
<li><a href="{$v[url]}" >{$v[catname]}</a></li>
{else}
{php $g=0;}
{loop subcat($v[catid]) $c}
{php $g++;}
{if $g==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
<li><a href="{$xj_url}">{$v[catname]}</a>
<ul style="display: none;">
{loop subcat($v[catid]) $h}
<li><a href="{$h[url]}">{$h[catname]}</a><li>
{/loop}
</ul>
</li>
{/if}
{/loop}
</ul>
</li>
{/if}
{/loop}
{/pc}
</ul>
</div>
<div>
一级导航替换样式
.bx{width:1000px!important; margin:0 auto!important; overflow:hidden!important; position: relative;}
.nav{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;
text-align:center;}
.nav ul li{float:left;width:108px;line-height:44px;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;font-weight:700;padding-right:2px;}
.nav ul li:last-child{background:none}
.nav ul li a{font-size:13px;color:#fff;float:left;
width:100%;height:44px;}
.nav ul li .cen{background:#bf67e4;font-weight:bold;color:#fff;}
.nav ul li a:hover{background:#bf67e4;}
**/
<div class="nav">
<div class="bx">
<ul>
{pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}
<li><a href="{siteurl($siteid)}" {if empty($catid)}class="cen"{/if}>首页</a></li>
{php $m=0;}
{loop $data $r}
{if $r[child]==0||$r[catid]==4}
<li><a href="{$r[url]}" {if $catid==$r[catid]}class="cen"{/if}{if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
{else}
{php $j=0;}
{php $d=0;}
{loop subcat($r[catid]) $m}
{php $j++;}
{if $j==1}
{if $m[child]==0}
{php $xj_url=$m[url];}
{else}
{loop subcat($m[catid]) $c}
{php $d++;}
{if $d==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
{/if}
{/if}
{/loop}
<li><a href="{$xj_url}" {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>{$r[catname]}</a></li>
{/if}
{/loop}
{/pc}
</ul>
</div>
</div>
/*
带二级导航的nav
.navs{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;}
.navs >ul {list-style:none;width:1000px;padding:0px;margin:0 auto}
.navs >ul>li{float:left;width:108px;position:relative;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;padding-right:2px;}
.navs ul li .cen{background:#bf67e4;color:#fff;}
.navs ul li a:hover{background:#bf67e4;color:#Fff}
.navs >ul>li a{display:block;line-height:44px;color:#fff;position:relative;}
.navs >ul>li >a{font-size:13px;font-weight:700}
.navs ul li ul{position:absolute;display:none;padding:0px;z-index:999;}
.navs ul li ul li{background:url(../../images/default/sybj.jpg) repeat-x;width:108px;color:#fff;border-bottom:1px solid #af3ae1;}
.navs ul li ul li a:hover{color:#fff}
.navs ul li ul li .ha{background:url(../../images/default/jiantou2.png) no-repeat right center;}
*/
<script>
$(document).ready(function(){
$(".navs ul li").hover(
function(){
$(this).children("ul").show();
},
function(){
$(this).children("ul").hide();
}
)
})
</script>
{template "content","dm"}
<div class="navs">
<ul>
<li ><a href="{siteurl($siteid)} " {if empty($catid)}class="cen"{/if}>首页</a></li>
{pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}
{php $a=0;}
{php $e=0;}
{loop $data $r}
{if $r[child]!=0}
{php $a++;}
{/if}
{/loop}
{php $m=0;}
{loop $data $r}
{if $r[child]==0}
<li {if $catid==$r[catid]} class="cen" {/if}><a href=" {$r[url]}" {if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
{else}
{php $j=0;}
{php $d=0;}
{loop subcat($r[catid]) $m}
{php $j++;}
{if $j==1}
{if $m[child]==0}
{php $xj_url=$m[url];}
{else}
{loop subcat($m[catid]) $c}
{php $d++;}
{if $d==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
{/if}
{/if}
{/loop}
{php $e++;}
<li {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>
<a {if $e==6}style="border:none;"{/if} href="{$xj_url}">{$r[catname]}</a>
<ul style="display: none;">
{loop subcat($r[catid]) $v}
{if $v[child]==0}
<li><a href="{$v[url]}" >{$v[catname]}</a></li>
{else}
{php $g=0;}
{loop subcat($v[catid]) $c}
{php $g++;}
{if $g==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
<li><a href="{$xj_url}">{$v[catname]}</a>
<ul style="display: none;">
{loop subcat($v[catid]) $h}
<li><a href="{$h[url]}">{$h[catname]}</a><li>
{/loop}
</ul>
</li>
{/if}
{/loop}
</ul>
</li>
{/if}
{/loop}
{/pc}
</ul>
</div>
<div>
相关文章推荐
- BlackICE PC Protection 3.6 cqk 特别版 下载
- PHP的栏目导航程序
- jQuery根据用户电脑是mac还是pc加载对应样式的方法
- js判断手机和pc端选择不同执行事件的方法
- JS判断客户端是手机还是PC的2个代码
- javascript实现当前页导航激活的方法
- 基于jquery固定于顶部的导航响应浏览器滚动条事件
- jquery实现导航固定顶部的效果仿蘑菇街
- jQuery实现带滚动线条导航效果的方法
- PHPCMS的使用小结
- jQuery制作的别致导航有阴影背景高亮模式窗口
- Mono for Android 实现高效的导航(Effective Navigation)
- js实现多选项切换导航菜单的方法
- php可应用于面包屑导航的递归寻找家谱树实现方法
- 解决phpcms更换javascript的幻灯片代码调用图片问题
- phpcms手机内容页面添加上一篇和下一篇
- js+css实现导航效果实例
- 一款基jquery超炫的动画导航菜单可响应单击事件
- linux服务器下PHPCMS v9 安全配置详解
- 打造自己的OSC客户端,OSChina For PC v0.1_beta 发布