Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 求助: 自定义导航点击后如何调用CSS

[复制链接]
413000659 发表于 2013-8-15 14:04:23 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X3
浏览器: 其他(帖子中请注明浏览器) 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: https://discuz.dismall.com
本帖最后由 413000659 于 2013-8-16 06:11 编辑
  1. <a class="current" href="portal.php" title="网站首页">首页</a>

  2. <a href="forum.php" title="论坛聚焦">论坛</a>

  3. <a  href="misc.php?mod=ranklist" title="社区排行榜">热榜</a>  
复制代码
代码是这样


想请问下  如何点击“论坛”的时候调用"current"样式, 然后首页去掉"current"样式
就是当我点击某个链接的时候  打开的那个页面才调用"current"样式,其他的不调用?




if语句应该怎么写?



根据别人模板修改出来  已经可以用了! 谢谢!
  1. <a class="{if $_G['basescript'] == 'portal' } current{/if}" href="portal.php" title="网站首页">首页</a>
  2. <a class="{if $_G['basescript'] == 'forum'} current{/if}" href="forum.php"  title="论坛聚焦">聚焦</a>
  3. <a class="{if $mod == 'ranklist'} current{/if}"  href="misc.php?mod=ranklist&type=thread&view=replies&orderby=thisweekt" title="社区排行榜">热榜</a>  
复制代码
briskvoice 发表于 2013-8-15 14:19:01 | 显示全部楼层
<a class="current" href="portal.php" title="网站首页">首页</a>

<a href="forum.php" title="论坛聚焦">论坛</a>

<a  href="misc.php?mod=ranklist" title="社区排行榜">热榜</a>  
首先这三个导航是循环出来的,对其样式控制

第一个鼠标移动到上面,添加current样式,移开current样式失去,这个你可以用css伪类来实现比如:hover ,如果要加样式麻烦了点需要用js,给你一个示例,可以在循环中来控制的方案

javascript代码
function mOver(obj)
{
obj.className+=" over"
}

function mOut(obj)
{
obj.className=obj.className.replace(" over", "");
}

document.getElementById("hotlg").onmouseover=function(){displayDate()};
function displayDate()
{
obj.className+=" over"
}



<!--{eval $i >= 9 ? $i = 1 : $i++;}-->
<li {if $i < 4}onmouseover="mOver(this)"{/if} {if $mnid == $nav[navid]}id="navw$i"class="current"{else}id="navw$i"{/if}><strong $nav[nav]>{if $i < 4}<s></s>{/if}</strong>
</li>

回复

使用道具 举报

 楼主| 413000659 发表于 2013-8-15 16:41:18 | 显示全部楼层

JS  不会用    如果付费让你帮我弄下这个完整的代码 需要多少钱?
回复

使用道具 举报

briskvoice 发表于 2013-8-15 22:32:39 | 显示全部楼层
413000659 发表于 2013-8-15 16:41
JS  不会用    如果付费让你帮我弄下这个完整的代码 需要多少钱?

联系我QQ:995505479
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-24 16:36 , Processed in 0.028690 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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