中电云集是国内领先的云服务器、虚拟主机、服务器租用提供商

【推荐】11年品牌 华夏名网齐博专用PHP主机 送2G数据库 免费备案

上一主题下一主题
«123»Pages: 1/3     Go
主题 : 终于实现了通过js判断当前页高亮显示标题!
个性签名:仁者无敌-感恩php168


UID: 104217
级别: 齐博总版
发帖: 10093
威望: 611356 点
积分: 514050071 个
铜板: 10850
精华风格度: 0 点
在线时间: 556 小时
注册时间: 2005-09-28
最后登录: 2016-02-20
楼主  发表于: 2013-08-03 02:53

终于实现了通过js判断当前页高亮显示标题!

       因公司栏目方面的需要,关于公司的简介部分,虽然类似于独立页,但因为独立页上传图片方面还不是很健全,所以改用文章模型,通过栏目来实现了关于公司简介的一个个独立页面。当然内容页是单独做的另外一个模板。

    但有一个问题,类似于“公司简介”、“公司荣誉”、“公司文化”、“战略远景”等标题,堆在一起,有时会让访问者眼花缭乱,必须要使用当前页左侧标题跟着高亮显示,这样显得有条理一些、利于浏览者再继续点击其它页面。

    对于熟悉php语言的朋友来讲,应该是小菜一碟的事情,但本人对于php语言几乎是门外汉,只是略微能看懂一些。虽然知道逻辑判断的原理,但不会写啊

        通过咨询论坛里的“飞将军”、“奋斗的十二”两位兄弟,也是没有什么结果,不过“奋斗的十二”兄弟提示我去网上找找代码吧,这样就开始大海捞针了。搜索了好几个关键词,终于找到一段js代码,略微修改之后,实现了!哈哈!感谢这2位兄弟哟~

        效果演示:


  
    JS代码如下:
本部分内容设定了隐藏,需要回复后才能看到
个性签名:泪奔网_www.leiben.net
UID: 148760
级别: 齐博博士
发帖: 7643
威望: 7663 点
积分: 23480 个
铜板: 1
精华风格度: 0 点
在线时间: 1490 小时
注册时间: 2009-02-03
最后登录: 2017-08-08
沙发  发表于: 2013-08-03 03:41

这么晚了还没睡?
本部分内容设定了隐藏,需要回复后才能看到
商业家招聘网 + 小学生作文大全 + 初中作文 + 与百度一起共成长!

UID: 243423
级别: 齐博超管
发帖: 10752
威望: 11090 点
积分: 24068 个
铜板: 7350
精华风格度: 1 点
在线时间: 12001 小时
注册时间: 2010-10-01
最后登录: 2017-08-23
板凳  发表于: 2013-08-03 06:28

很不错
UID: 237406
级别: 齐博初中生
发帖: 255
威望: 264 点
积分: 494 个
铜板: 0
精华风格度: 0 点
在线时间: 898 小时
注册时间: 2010-09-18
最后登录: 2015-03-26
3楼  发表于: 2013-08-03 08:17

个性签名:模版设计 二次开发

UID: 143167
级别: 齐博版主
发帖: 2071
威望: 2395 点
积分: 280640 个
铜板: 683
精华风格度: 0 点
在线时间: 6177 小时
注册时间: 2008-12-08
最后登录: 2017-08-23
4楼  发表于: 2013-08-03 08:36



复制代码
  1.  <!--
  2. EOT;
  3. $array=is_array($Fid_db[$fid])?$Fid_db[$fid]:$Fid_db[$fidDB[fup]];
  4. foreach($array AS $key=>$value){
  5. $value=get_word($value,16,0);
  6. $class=($key==$fid)?"class=hover2":'';
  7. print <<<EOT
  8. -->
  9.           <li $class><a href="list.php?fid=$key">$value</a></li>
  10.           <!--
  11. EOT;
  12. }print <<<EOT
  13. -->


php版本的只要这样就可以   定义一个.hover2 的css   这个代码只有在列表和内容页面有效  不需要JS
引用
==>阿里云服务器优惠券点击领取

==>欢迎大家加入 齐博CMS因有你而强大 超级群:2982276 点此直接加入


个性签名:客户就是上帝

UID: 249589
级别: 齐博版主
发帖: 11397
威望: 14948 点
积分: 56531248 个
铜板: 1012
精华风格度: 1 点
在线时间: 5711 小时
注册时间: 2011-04-25
最后登录: 2017-08-23
5楼  发表于: 2013-08-03 08:39

不用js吧,直接if也可以
引用
→承接仿站、模板制作、整站建设、网站推广等网站业务 非诚心勿扰
→承接SEO、网站修改、二次开发、数据采集等网络业务
→QQ:191698811 工作室网站:对点工作室
→齐博最活跃数据采集群:74771734 工作室淘宝店
→提供各种API接口制作、对接等业务WWW.CQPS.NET
→模板制作、网站修改、请选择版主不然有可能被骗 齐博视频教程1元
个性签名:模版设计 二次开发

UID: 143167
级别: 齐博版主
发帖: 2071
威望: 2395 点
积分: 280640 个
铜板: 683
精华风格度: 0 点
在线时间: 6177 小时
注册时间: 2008-12-08
最后登录: 2017-08-23
6楼  发表于: 2013-08-03 08:44




if都不用 直接 KEY 就可以判定
一直都是这么做的


<!--相关栏目-->
    <div class="leibie">
      <h2> $fidDB[name] </h2>
      <div class="liebiao_con">
        <ul>
<!--
EOT;
$array=is_array($Fid_db[$fid])?$Fid_db[$fid]:$Fid_db[$fidDB[fup]];
foreach($array AS $key=>$value){
$value=get_word($value,16,0);
$class=($key==$fid)?"class=hover2":'';
print <<<EOT
-->
          <li $class><a href="list.php?fid=$key">$value</a></li>
          <!--
EOT;
}print <<<EOT
-->
        </ul>
      </div>
    </div>
引用
==>阿里云服务器优惠券点击领取

==>欢迎大家加入 齐博CMS因有你而强大 超级群:2982276 点此直接加入


个性签名:美食www.mamameishi.com 中国&am
UID: 134009
级别: 齐博本科生
发帖: 1725
威望: 1820 点
积分: 6866 个
铜板: 47
精华风格度: 0 点
在线时间: 1770 小时
注册时间: 2008-09-12
最后登录: 2017-06-15
7楼  发表于: 2013-08-03 09:06

*****************************************
*       签名档欠费,点击续费!          *
*****************************************
个性签名:www.sinmeng.net
UID: 181106
级别: 齐博硕士
发帖: 3520
威望: 3778 点
积分: 29392 个
铜板: 54
精华风格度: 0 点
在线时间: 10066 小时
注册时间: 2009-08-13
最后登录: 2017-08-23
8楼  发表于: 2013-08-03 09:53

楼上都是人才啊
*****************************************
*       签名档欠费,点击续费!          *
*****************************************
UID: 233077
级别: 齐博大专生
发帖: 1054
威望: 1089 点
积分: 2180 个
铜板: 1
精华风格度: 0 点
在线时间: 1094 小时
注册时间: 2010-08-03
最后登录: 2017-04-28
9楼  发表于: 2013-08-03 10:23

引用
引用第8楼sinmengnet于2013-08-03 09:53发表的  :
楼上都是人才啊
个性签名:模版设计 二次开发

UID: 143167
级别: 齐博版主
发帖: 2071
威望: 2395 点
积分: 280640 个
铜板: 683
精华风格度: 0 点
在线时间: 6177 小时
注册时间: 2008-12-08
最后登录: 2017-08-23
10楼  发表于: 2013-08-03 10:48

<!--
EOT;
$res = $db->query("SELECT SQL_CALC_FOUND_ROWS A.* FROM {$pre}article A LEFT JOIN {$pre}sort B ON A.fid=B.fid WHERE A.yz=1 AND B.fup IN(15) ORDER BY list DESC LIMIT 0,10");
while($rs = $db->fetch_array($res))
{
$class=($rs[aid]==$id)?"class=hover2":'';

print <<<EOT
-->            

<li $class><a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]">$rs[title]</a></li>
<!--
EOT;
}
print <<<EOT
-->

B.fup IN(15)  是大分类为15下面的 读取10条

B.fid IN(15)  是小栏目为15
本帖最近评分记录:
  • 铜板:+10(飞鸿踏雪) 谢谢!
  • 引用
    ==>阿里云服务器优惠券点击领取

    ==>欢迎大家加入 齐博CMS因有你而强大 超级群:2982276 点此直接加入


    个性签名:仁者无敌-感恩php168


    UID: 104217
    级别: 齐博总版
    发帖: 10093
    威望: 611356 点
    积分: 514050071 个
    铜板: 10850
    精华风格度: 0 点
    在线时间: 556 小时
    注册时间: 2005-09-28
    最后登录: 2016-02-20
    11楼  发表于: 2013-08-03 11:47

    感谢suifeng 兄弟的支持,在他的帮助下,通过key值的设定,去调了标签,更加简单的实现了。以下是代码:


    复制代码
    1. <!--
    2. EOT;
    3. $res = $db->query("SELECT SQL_CALC_FOUND_ROWS A.* FROM {$pre}article A LEFT JOIN {$pre}sort B ON A.fid=B.fid WHERE A.yz=1 AND B.fid IN(3) ORDER by A.aid ASC LIMIT 0,10");
    4. while($rs = $db->fetch_array($res))
    5. {
    6. $class=($rs[aid]==$id)?"class=current":'';
    7. print <<<EOT
    8. -->            
    9. <li><a $class href="bencandy.php?fid=$rs[fid]&id=$rs[aid]">$rs[title]</a></li>
    10. <!--
    11. EOT;
    12. }
    13. print <<<EOT
    14. -->
    本帖最近评分记录:
  • 积分:+3(yxbo) 分享经验
  • 个性签名:网站在于细节!
    UID: 137152
    级别: 齐博大专生
    发帖: 1014
    威望: 694 点
    积分: 130412 个
    铜板: 31
    精华风格度: 0 点
    在线时间: 3932 小时
    注册时间: 2008-10-17
    最后登录: 2017-08-04
    12楼  发表于: 2013-08-03 12:47

    看看
    个性签名:时间都去哪儿啦!

    UID: 273285
    级别: 齐博版主
    发帖: 4175
    威望: 6 点
    积分: 53706 个
    铜板: 342
    精华风格度: 0 点
    在线时间: 6987 小时
    注册时间: 2012-08-27
    最后登录: 2017-08-23
    13楼  发表于: 2013-08-03 13:53

    kanxia
    引用

    齐博CMS,最好用的建站系统
    →模板制作、网站修改、网站推广。
    齐博模板超市 http://www.qbmbcs.com
    联系QQ:510999429 电话:17756611987
    个性签名:苦涩的上网生活
    UID: 79783
    级别: 齐博本科生
    发帖: 1630
    威望: 1506 点
    积分: 2474 个
    铜板: 23
    精华风格度: 0 点
    在线时间: 873 小时
    注册时间: 2006-10-20
    最后登录: 2017-06-24
    14楼  发表于: 2013-08-03 13:59

    我以为楼主会PHP哦,我也学习了
    引用
    服务:仿站,二次开发,采集,插件
    QQ:8324000 www.wachuo.com

    个性签名:细节决定成败
    UID: 131575
    级别: 齐博本科生
    发帖: 2604
    威望: 1219 点
    积分: 822 个
    铜板: 35
    精华风格度: 0 点
    在线时间: 1053 小时
    注册时间: 2008-08-23
    最后登录: 2017-08-23
    15楼  发表于: 2013-08-03 14:04

    有这好事
    应用文搜藏网:www.souchangw.com
    手机站:http://wap.souchangw.com
    应用文问吧:http://wb.souchangw.com
    个性签名:手绘http://www.juyishu.com
    UID: 253849
    级别: 齐博初中生
    发帖: 206
    威望: 202 点
    积分: 93600 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 848 小时
    注册时间: 2011-06-30
    最后登录: 2017-08-23
    16楼  发表于: 2013-09-11 23:41

    看看
    UID: 167249
    级别: 齐博小学生
    发帖: 137
    威望: 166 点
    积分: 112 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 436 小时
    注册时间: 2009-05-23
    最后登录: 2017-06-02
    17楼  发表于: 2013-09-12 23:55

    学习了,都是人才。。。。。
    个性签名:没个性,不签名
    UID: 258237
    级别: 齐博高中生
    发帖: 661
    威望: 661 点
    积分: 181 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 1006 小时
    注册时间: 2011-09-05
    最后登录: 2017-07-24
    18楼  发表于: 2013-09-18 12:00

    回 楼主(飞鸿踏雪) 的帖子

    *****************************************
    *       签名档欠费,点击续费!          *
    *****************************************
    个性签名:不知道说点什么  
    UID: 173317
    级别: 齐博大专生
    发帖: 1086
    威望: 1275 点
    积分: 1202 个
    铜板: 0
    精华风格度: 0 点
    在线时间: 2434 小时
    注册时间: 2009-07-01
    最后登录: 2017-08-23
    19楼  发表于: 2013-09-18 15:37

    下显示子栏目列表并分页!
    «123»Pages: 1/3     Go
    齐博软件技术交流区 » 风格模板
    承接网站制作等业务QQ191698811 以铜板换广告位二 以铜板换广告位三 以铜板换广告位四
    以铜板换广告位五 以铜板换广告位六 以铜板换广告位七 以铜板换广告位八
    以铜板换广告位九 以铜板换广告位十 以铜板换广告位十一 以铜板换广告位十二
    打造最专业的门户系统建站程序