鼠标悬停不起作用？

Question

我正在处理某些 HTML5 页面，我在这些页面上使用了 CSS 悬停属性超链接。我希望当单击某些标题时，如图所示，悬停颜色得到修复，现在当我们悬停在其他标题上时，hove 正在工作，如果我们单击其他，它们的颜色将被修复，第一个将是白色，特别是一直悬停正在工作。

在我的例子中，一切正常，当我点击标题颜色时固定但悬停到其他标题不起作用我使用 JavaScript 的 onclick 事件来修复悬停颜色。

<a href="#Main-Services-Page" id="Services-TechnicalSupport-Link-Button" onClick="ShowTechnicalSupportDiv();FixHeadercolorTechnicalSupportBlue();FixHeadercolorSmartCloudServicesWhite();FixHeadercolorInteriorDesignServicesWhite();FixHeadercolorUiCustomizationWhite();ServicesProductEnqBlueMiddleIcon()"> 
   Technical Support 
<p class="SubTitleHeadings" style="font-size:13px; line-height:15px"> We serve customers problems </p>
<p class="SubTitleHeadings" style="font-size:13px; line-height:1px"> on technical issues</p>            
</a>

 function FixHeadercolorTechnicalSupportBlue()
 {
   var col=document.getElementById("Services-TechnicalSupport-Link-Button");
   col.style.color="#66ffff";
 }

Answer 1

$("#Services-TechnicalSupport-Link-Button").hover(function(){
  //When mouse is enter to Services-TechnicalSupport-Link-Button
},function(){
  //When mouse the leave Services-TechnicalSupport-Link-Button
});

Answer 2

您正在使用此功能onclick使用onmouseover。你怎么能期望悬停会像这样工作：

onmouseover="FixHeadercolorTechnicalSupportBlue();"

鼠标悬停不起作用？

Mouse hover not working?

html

javascript

css

jquery

hover