js实现简单自定义导航，导航随项目id变化（ECMS下内容页修改）

定义在head中的js函数

<!--内容页头部随项目id进行变化 start-->

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

function setTitleandLink(n)

{

var strdiv;

switch (n)

{

case 11:

strdiv = "<div class='mea'><ul><li style='width:33%'><span><a href='/ycmr/3297.html' target='_blank'>烤瓷牙修复</a></span></li> <li style='width:34%'><span><a href='/zhuanti/wapycmr/' target='_blank'>美牙冠</a></span></li> <li class='li3' style='width:33%'><span><a
href='/ycmr/3153.html' target='_blank'>镶牙</a></span></li></ul></div>";

break;

case 12:

strdiv = "<div class='mea'><ul><li style='width:33%'><span><a href='/ychl/3156.html' target='_blank'>洗牙洁牙</a></span></li> <li style='width:34%'><span><a href='/zhuanti/wapycmb/' target='_blank'>彩光美白</a></span></li> <li class='li3' style='width:33%'><span><a
href='/ycmb/3151.html' target='_blank'>美白价格</a></span></li></ul></div>";

break;

case 13:

strdiv = "<div class='mea'><ul><li style='width:33%'><span><a href='/yczj/1934.html' target='_blank'>龅牙矫正</a></span></li> <li style='width:34%'><span><a href='/yczj/2013-07-17/10.html' target='_blank'>地包天矫正</a></span></li> <li class='li3' style='width:33%'><span><a
href='/yczj/3149.html' target='_blank'>牙齿不齐</a></span></li></ul></div>";

break;

case 14:

strdiv = "<div class='mea'><ul><li style='width:33%'><span><a href='/ycmr/2959.html' target='_blank'>缺牙镶牙</a></span></li> <li style='width:34%'><span><a href='/yczz/1349.html' target='_blank'>假牙义齿</a></span></li> <li class='li3' style='width:33%'><span><a
href='/yczz/3157.html' target='_blank'>种植牙</a></span></li></ul></div>";

break;

default:

strdiv = "<div class='mea'><ul><li style='width:33%'><span><a href='http://wap.wxkbj.com/kbjpp/gykbj/2267.html' target='_blank'>品牌简介</a></span></li> <li style='width:34%'><span><a href='http://wap.wxkbj.com/zjtd/' target='_blank'>专家团队</a></span></li> <li class='li3'
style='width:33%'><span><a href='http://wap.wxkbj.com/alzx/' target='_blank'>案例中心</a></span></li></ul></div>";

break;

}

return strdiv;

}

</script>

<!--内容页头部随项目id进行变化 end-->

body页中的js调用

<!--调用js实现按项目显示 start-->

<script>document.write(setTitleandLink(parseInt("[!--self.classid--]")))</script>

<!--调用js实现按项目显示 end-->

CSS代码：

.mea { background: #fff; clear: both; }

.mea li { width: 33%; float: left; padding-top: 18px; display: inline; *width:33%

}

.mea li.li3 a { border-right: none }

.mea li a { text-align: center; display: block; border-right: 1px solid #dbdbdb }

.mea li img { height: 45px }

.mea li span a { display: block; font-size: 17px; text-align: center; color: #666; padding: 10px 0 10px; border-right: none; font-weight: bold; }