2015-01-12 4 views
-5

Мне поручили очистить чей-то код, и я новичок в веб-разработке, и это, кажется, немного над моей головой. Я хотел сделать таблицу так, чтобы фон цвета строки и текста изменился и рассмотрел примеры, но не смог понять, как их интегрировать в этот код.Изменение цвета фона при зависании

 var mydiv = $("<div style=\"height:400px;width:750px;overflow-y:auto;\"></div>"); 

     var mytab = $("<table style=\"width:750px;height:300px;overflow-y:auto;background-color:Grey;color:White\"></table>").append($("<th style=\"background-color:Black;\"></th>").text("Company Name")).append($("<th style=\"background-color:Black;\"></th>").text("State")).append($("<th style=\"background-color:Black;\"></th>").text("Street Address")).append($("<th style=\"background-color:Black;\"></th>").text("City")); 
     for (i = 0; i < companies.length; i++) { 
      $(mytab).append($("<tr></tr>").append($("<td style=\"cursor:pointer;\"></td>").text(companies[i].CompanyName).attr("cid", companies[i].KeyID).click(function() { 
       var fcd = new FindCompanyDetails(); 
       fcd.GetRequest("?KeyIDs=" + $(this).attr("cid") + "&AT=" + AT, function (a) { 
        //alert(a.Msg.Result.Address1); 
        populateFields(a.Msg.Result); 
        mydiv.dialog("close"); 
       }); 
      })).append($("<td></td>").text(companies[i].StateRegion))); 

     } 


     mydiv.append(mytab); 
     $(document).find("body").append(mydiv); 
     mydiv.dialog({ title: "Choose Matching Company" }, { width: 750 }, {height: 400}); 

Любая помощь будет очень признательна!

+0

для зависания вы можете сделать это очень просто, используя только css ... термины google, такие как 'css hover'. Пожалуйста, попробуйте исследовать свои проблемы, прежде чем размещать вопросы здесь. – charlietfl

+4

Подождите, так что вы просите нас сделать свою работу за вас? –

ответ

0

Использование Css

Поместите следующий код в разделе Head

<style type="text/css"> 
    table tr {background-color:Red;} 
    table tr:hover {background-color:Blue;} 
</style> 
+0

Спасибо! Это здорово! –

+1

@JoseFlores Нет проблем: [Использовать этот сайт] (http://www.w3schools.com/) для такого рода помощи –

2

Попробуйте это с помощью CSS:

table tr { 
    background-color: lightblue; 
} 
table tr:hover { 
    background-color: blue; 
} 

Проверить здесь:

http://jsfiddle.net/dboxs77z/


+0

Вы имеете в виду, что нам не нужен jQuery для этого ???/с, хороший ответ. –

1

CSS Используется для этой цели

Put следующий код в разделе Head

<style type="text/css"> 
    table tr {background-color:Blue;} 
    table tr:hover {background-color:Red;} 
</style> 

Заменить Синий & красный с нужным цвета

Смежные вопросы