0

我正在使用 Shape5.com Corporate Response Joomla 模板，并被要求更改菜单按钮的行为，以便当您将鼠标悬停在按钮上时，只要它的背景突出显示，它就可以点击。它现在的工作方式是，您必须在菜单标题内进一步移动鼠标，将光标从指针更改为手形，以便它可以点击。如果用户在它变成手之前点击它，它不会做任何事情，因为点击还没有激活。我被要求更改此设置，以便在它突出显示菜单可点击的背景时。这是网页的演示：http: //www.shape5.com/demo/corporate_response/

我不确定如何继续进行。这是可以由 CSS 控制的东西吗？或者这是由 JavaScript 控制的？当鼠标从菜单按钮的环绕区域内移动并且突出显示的背景发生变化时，这是否只是 JavaScript 的功能？还是那是CSS？

如果它在 JavaScript 中，我该如何进行更改以了解其工作原理，它是否使用像素来定义各种图像映射？谢谢！

4

3 回答 3

1

我知道这已经很晚了，但我为此挣扎了一段时间并解决了它，我想确保其他人能找到答案。

只需在模板中放入 custom.css 即可使用 css

active a {
color: #xxxxxx: !important; 
}

这意味着不要搞乱 onclick 功能和核心模板。

于 2014-05-11T23:00:36.090 回答
0

鼠标按钮单击是一个浏览器事件，您可以使用 javascript“挂钩”它，这意味着您可以在 javascript 中编写一个函数来执行点击操作。

在您的情况下，该功能归因于每个菜单项的文本，而不是项目本身。对于每个菜单项，您必须将onclick属性从<span>with移动class="S5_parent-subtext"到<li>with 。class="mainParentBtn"但由于它是一个 joomla 模板，我认为 HTML 是用 PHP 生成的，所以你必须找到它的生成位置并更改它。我想你必须至少知道一点 PHP 和 joomla 的架构才能做到这一点......

于 2013-10-07T10:30:28.607 回答
0

原来的：

<span class="s5_level1_span1">
 <span class="s5_level1_span2">
   <a href="javascript:;">Tutorials</a>
 <span class="S5_parent_subtext" onclick="window.document.location.href="javascript:;"">Find Help Here</span>
 </span>
</span>

新的

<a href="javascript:;">
   <span class="s5_level1_span1">
   <span class="s5_level1_span2">
   Tutorials
   <span class="S5_parent_subtext" onclick="window.document.location.href="javascript:;"">Find Help Here</span>
   </span>
   </span>
</a>

环绕跨度而不是文本，这将扩大可点击区域。

于 2013-10-07T10:08:22.543 回答