鼠标悬停不起作用？

Question

我正在处理一些HTML5页面，我在超链接上使用CSS hover属性。我希望当点击某些标题时，如图所示悬停颜色得到修复，当我们悬停在其他标题上时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();"