找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 5780|回复: 1

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

130

主题

130

主题

130

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
698
ourphp 发表于 2016-3-5 18:36:41 | 显示全部楼层 |阅读模式
OurPHP教程之 --- 选中导航条时改变背景颜色(给出指定CSS样式)

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

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

当网站在首页时,图片如下:
QQ截图20160305182842.jpg
网站首页 是有背景色的.其它栏目没有

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


是怎么做到的呢?  在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 技术小组

205

主题

205

主题

205

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
admin 发表于 2018-4-12 22:14:07 | 显示全部楼层
先是获取栏目的产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.]

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




您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表