Question

在我的要求我想改變懸停的鏈接的背景圖像，鼠標移出並在主頁面中激活我嘗試了一些方法但它不給我一個合適的解決方案.Kindly任何一個指導我得到的解決方案，我的格式是像下面

<a href='<%: Url.Action("ListTask", "Task") %>'> 
<img id="taskImage" src='<%: Url.Content("~/Content/Images/MasterPage/TaskMenuNormal.png") %>' onmouseover="this.src='../Content/Images/MasterPage/TaskMenuHover.png'" 
onmouseout="this.src='../Content/Images/MasterPage/TaskMenuNormal.png'" /></a> 

上面的代碼將正常工作，在這裏我需要修復懸停在圖片鏈接的活動鏈接，並且在主頁面中的主動視圖（MVC）時不會被更改（此代碼將位於主頁面中）。

任何人都可以在javascrip或jqery中提供解決方案。 謝謝。

Answer 1

你可以這樣做：

$('#taskImage').hover(function(){ 
     $(this).attr('src','../Content/Images/MasterPage/TaskMenuHover.png'); 
} 

$('#taskImage').mouseout(function(){ 
     $(this).attr('src','../Content/Images/MasterPage/TaskMenuNormal.png'); 
} 

Answer 2

使用懸停功能。第一個參數用於mouseover，第二個用於mouseout。

HTML

<a href="<%: Url.Action("ListTask", "Task") %>"><img id="taskImage" src="<%: Url.Content("~/Content/Images/MasterPage/TaskMenuNormal.png") %>" /></a> 

jQuery的

$('#taskImage').hover(
    function() { 
     $(this).attr('src','../Content/Images/MasterPage/TaskMenuHover.png'); 
    }, 
    function() { 
     $(this).attr('src','../Content/Images/MasterPage/TaskMenuNormal.png'); 
    } 
); 

個人而言，我修改您的標記，包括在A標籤在CSS背景圖像。那麼你可以使用A：hover和A：active CSS來修改你的鏈接。這意味着不需要使用JavaScript。