懸停td塊

Question

當您將鼠標懸停在TD背景上時，是否可以更改TD背景？

我試過td:hover {background:red} and td a:hover {background:red}沒有成功。

這是必須用javascript來完成嗎？

編輯：重新啓動WAMP現在它的工作原理笑

Answer 1

是其可能使用jQuery來改變背景顏色。請檢查鏈接http://inspectelement.com/tutorials/changing-the-background-color-of-a-page-using-jquery/

在此鏈接中，它顯示了一個示例來更改網站的背景色和圖像。這會幫助你。將約束網站背景更改爲您擁有的td。該網站有一個演示腳本的工作。

鏈接中的jquery腳本是實際的，如果你點擊一個名爲blue的標籤，它將刪除其他顏色的css類並添加一個顯示藍色的類。

檢查下面的腳本之前請閱讀鏈接。它涉及到 你可以這樣使用。我在鏈接頁面提供的腳本改變點擊命令鼠標懸停

$(document).ready(function(){ 
     $("li.one").mouseover(function(){ $ 
      ("body").removeClass('bg2 , bg3').addClass("bg1"); 
     }); 

     $("li.two").mouseover(function(){ $ 
      ("body").removeClass("bg1 , bg3").addClass("bg2"); 
     }); 

     $("li.three").mouseover(function(){ $ 
      ("body").removeClass("bg1 , bg2").addClass("bg3"); 
     }); 

    });