如何更改CSS樣式，並隨着時間的推移關注元素？

如何用jquery更改<tr>的背景顏色？
那我該如何專注於使用jquery的<tr>元素？如何更改CSS樣式，並隨着時間的推移關注元素？

的Javascript

$('tr#5').???????? to change background color of <tr#5> to #666666; 
$('tr#5').???????? to focus on element "tr#1"; 

. 
. 
. 
$('tr#5').???????? to change background color of <tr#5> back to #ffffff; 
$('tr#10').???????? to change background color of <tr#10> to #666666; 
$('tr#10').???????? to focus on element "tr#10";

HTML

<div style="border:solid 1px;height:70px; width:500px; overflow-y:scroll;"> 
    <table height="100" width="400"> 
    <tr id="5"> 
     <td>00:00:05</td> 
     <td>hello! 5 secs has past</td> 
    </tr> 

    <tr id="10"> 
     <td>00:00:10</td> 
     <td>hello! 10 secs has past</td> 
    </tr> 

    <tr id="10"> 
     <td>00:00:10</td> 
     <td>hello! 10-2 secs has past</td> 
    </tr> 

    <tr id="11"> 
     <td>00:00:11</td> 
     <td>hello! 11 secs has past</td> 
    </tr> 

    <tr id="30"> 
     <td>00:00:30</td> 
     <td>hello! 30 secs has past</td> 
    </tr> 
    </table> 
</div>

來源

2013-08-23 MKK

嘗試在看文檔 http://api.jquery.com/css/ http://api.jquery.com/focus/ 然後提供一個更完整的示例，如果您仍然需要幫助 – TommyBs

您只能關注表單元素。如果你想用jquery color插件爲動畫的顏色設置動畫功能https://github.com/jquery/jquery-color – jcubic

@jcubic我想要有一堆註釋的固定大小的表格。所以我確實把滾動條。但它有時會改變桌子底部的的顏色。所以我想讓它聚焦（跳轉）它 – MKK

首先，它是無效的HTML有非唯一元素的ID。事實上，在HTML5之前，使用全數字ID也是無效的。他們需要以字母，數字，連字符，冒號或句點開頭。

話雖這麼說，你是經過如下：

$('#5').css('background-color', '#666666');

我不知道你想從試圖把重點非交互元素，以獲得你，但是，但是可以通過使用.focus()方法來集中交互元素。

來源

2013-08-23 12:37:11 Phylogenesis

重點是什麼？ – MKK

在這種情況下，「聚焦」是什麼意思？你的意思是將行滾動到視圖或其他東西？在這個例子中，這並不意味着什麼，因爲'tr'是非交互式的。 – Phylogenesis

我想擁有固定大小的表格以及一堆評論。所以我確實把滾動條。但它有時會改變桌子底部的的顏色。所以我想要它專注（跳轉）它 – MKK

您可以使用超時這樣的：

setTimeout(function() { 
    $('tr#5').css('background', '#666666'); 
}, 5000); 
setTimeout(function() { 
    $('tr#5').css('background', '#ffffff'); 
    $('tr#10').css('background', '#666666'); 
}, 10000);

來源

2013-08-23 12:37:44

重點是什麼？ – MKK

你可以通過調用'$（'tr＃5'）將焦點應用到一個帶有jQuery的元素。focus（）' –

我試過，但沒有關注:(請看這個http://jsfiddle.net/ N2paw/1/ – MKK

如何更改CSS樣式，並隨着時間的推移關注元素？

回答

相關問題