При наведении курсора используйте плагин jquery round для строки таблицы - PullRequest
Новая
       6

При наведении курсора используйте плагин jquery round для строки таблицы

0 голосов
/ 25 января 2012

У меня есть строка таблицы, которая при наведении имеет цвет фона.Прямо сейчас фон строки является квадратом.Я хочу сделать углы закругленными, используя плагин JQuery для углов.http://jquery.malsup.com/corner/

table tbody tr#ClickableRow:hover
    {
        background-color: #fbf6e7;
        cursor:pointer; }

При наведении курсора строка получит цвет фона от CSS и получит эффект закругленных углов от JQuery Corner Plugin.Это возможно? 

$('#ElemenetsToBeRounded').each(function() { 
    var q = $(this).corner("rounded 8px"); 
     eval(q); 
});

Это закругляет углы. 

<tr id="ClickableRow">
    <td>
<a href="http://somesite.com">Go Here</a>
<p> To find about all the interestng animals found in this tourist attractions including 
zebra, giraffe etc
</p>
    </td>

<td>Call us at 444-444-2322 to register</td>
</tr>

Ответы [ 2 ]

0 голосов
/ 25 января 2012

Если вы действительно собираетесь использовать 

.corner("rounded 8px")

, я бы просто добавил при наведении курсора мыши на код границы радиуса. 

table tbody tr#ClickableRow:hover
{
    background-color: #fbf6e7;
    cursor:pointer; 
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
0 голосов
/ 25 января 2012

Я бы посоветовал вам сделать это через css, так как в настоящее время большинство современных браузеров поддерживают радиус границы. Для старых браузеров, которые не поддерживают, доступны хаки, которые легко реализовать. Взгляните на это http://jonraasch.com/blog/css-rounded-corners-in-all-browsers.

...