Question

非常需要帮助。我无法突出显示所选（活动）菜单项。我在Joomla中创建了一个模块，其中包含指向菜单项的链接的图像。它就像一个额外的菜单。

＆＃13;

<script>
</script>
<div  class="links">
<a  href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;"  /></a> 

<a href="/articles"><img src="images/articles.png" alt="articles" width="23px" style="width: 23px;"  /></a> 

<a href="/twitter"><img src="images/twlink.png" alt="tw" width="23px" style="width: 23px;"  /></a> 

<a href="/facebook"><img src="images/fblink.png" alt="fb" width="23px" style="width: 23px;"  /></a>
</div>

＆＃13;

现在我想以某种方式突出显示活动菜单，所以如果我在页面＆＃34; / news＆＃34;，图像＆＃34;新闻＆＃34;应该在底部有边框（.activemenu {border-bottom:1px #fff dotted}）我需要写什么脚本来使每个选定的链接获得课程＆＃34; activemenu＆＃34;或底部的边界？

Answer 1

您可以根据您提供的信息执行此类操作：

在你的HTML中：

MAX_RESPONSE_TIME = 2 # seconds
begin
  content = nil # needs to be defined before the following block
  Timeout.timeout(MAX_RESPONSE_TIME) do  
    content = open(url).read
  end

  # parsing `content`
rescue Timeout::Error => e
  attempts += 1
  if attempts <= max_attempts
    sleep(3)
    retry
  end
end

在剧本中：

  <a id="news" href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;"  /></a>

Answer 2

在另一个网站上找到我的问题的答案。也许some1想用它

function setActive() {
  aObj = document.getElementById('nav').getElementsByTagName('a');
  for(i=0;i<aObj.length;i++) { 
    if(document.location.href.indexOf(aObj[i].href)>=0) {
      aObj[i].className='active';
    }
  }
}

window.onload = setActive;

<nav id="nav" >
<a href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;"  /></a> 

<a  href="/articles" ><img src="images/articles.png" alt="articles" width="23px" style="width: 23px;"  /></a> 

<a  href="/twitter" ><img src="images/twlink.png" alt="tw" width="23px" style="width: 23px;"  /></a> 

<a  href="/facebook" ><img src="images/fblink.png" alt="fb" width="23px" style="width: 23px;" title="ФЕЙСБУК" /></a>
</nav>

如何突出显示已链接到已选择菜单的项目

2 个答案: