OurPHP教程之 --- 选中导航条时改变背景颜色(给出指定CSS样式)

OurPHP教程之 --- 选中导航条时改变背景颜色(给出指定CSS样式)

在我们制作网站时,很多时候客户的需求是.当点击导航条栏目后,当前的栏目的背景色要和其它栏目的不一样.
也就是说当选中导航条栏目后,给些栏目一个指定的CSS,使其改变背景色或加上一个背景图片

那么用OURPHP怎么做呢?
如下图

当网站在首页时,图片如下:

网站首页 是有背景色的.其它栏目没有

当我点击公司新闻后,  公司新闻栏目的背景色被改变
如下图:



是怎么做到的呢?  在OURPHP中 没有做不到的. 利用IF做个判断就可以了
以callcolumn 标签为例
代码如下:
[.callcolumn id="0" row="8" lang="cn" type="td" name="callcolumn".]
            <li [.if $ip.listid == 0.] [.if $callcolumn.id == 1.]class="xz"[./if.] [.elseif $ip.listid == $callcolumn.id.] class="xz" [./if.]><a href="[.$callcolumn.url.]" title="[.$callcolumn.title.]">[.$callcolumn.title.]</a></li>
[./callcolumn.]


注意红色部份,我用IF来判断当前的栏目,并给出一个指定的CSS  class="xz"
那么我们在CSS中 定义 .xz  就可以了

写程序 要学会变通.更高级的写法或其它的实现方法,请大家自行研究..


如果栏目是外部链接类型的 判断不到  上传的方法不管用   看二楼


OURPHP 技术小组

先是获取栏目的产UID
[.sql mysql="select `OP_Uid` from ourphp_column where id = $listid" name="sql".]
        [.assign var="name" value=$sql.0.]
[./sql.]

把UID转成可用变量

[.if $ip.listid == 0.] [.if $callcolumn.id == 1.]class="xz"[./if.] [.elseif $ip.listid == $callcolumn.id.] class="xz" [.else.][.if $callcolumn.id == $name.]class="xz"[./if.][./if.]

然后判断 这样外部链接类型的栏目也可以啦