请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
查看: 1627|回复: 1

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

131

主题

149

帖子

0

傲币

管理员

Rank: 9Rank: 9Rank: 9

积分
697
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 技术小组

回复

使用道具 举报

58

主题

1048

帖子

0

傲币

管理员

Rank: 9Rank: 9Rank: 9

积分
3756
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.]

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




本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载
精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal等单词的拼写
熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机
回复 支持 1 反对 0

使用道具 举报

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

本版积分规则

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