ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
7. сентября 2011 16:16

Недавно я нашел решение как добавить CSS к связке <li> внутри <ul>. Я использовал jQuery чтобы сделать это следующим образом:

<html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
title></title>
<
style type="text/css">
.clsLI
{
color:Gray;
cursor:pointer;
}
</style>
<
script src="http://code.jquery.com/jquery-latest.js"
type="text/javascript"></script>


<
script type="text/javascript">
$(document).ready(function() {
$("ul#unord li").hover(
function() {
$(this).addClass("clsLI");
},
function() {
$(this).removeClass("clsLI");
}
)
});
</script>
</
head>

<
body>
<
form id="form1">
<
div>
<
ul id="unord">
<
li>
jQuery
</li>
<
li>
JavaScript
</li>
<
li>
jQuery and JavaScript
</li>
</
ul>
</
div>
</
form>
</
body>
</
html>

В коде написанном выше CSS применяется тогда, когда пользователь проводит мышью над <li>. В этом примере мы должны провести мышью над 'JavaScript'.
Это перевод. Оригинал здесь.

Похожие записи


Как добавить ссылку на CSS программно используя JavaScript ?
В этом посте, я покажу кусок JavaScript-ового кода, который позволит вам добавить програмно ссылку на CSS файл в страницу. <html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <link href="CSS/FloatDes.css" rel="stylesheet" title="Float layout" type="text/css" /> <script type="text/javascript"> func...

Как подсветить строку таблицы по поисковой строке используя jQuery ?
Недавно меня спросили возможно ли подсветить ячейку таблицы основываясь на переданной поисковой строке, используя jquery. Вот как это сделать. Трюк состоит в использовании селекторов http://docs.jquery.com/Selectors<html xmlns="http://www.w3.org/1999/xhtml"><head ><title>Search and highlight Border Color on Hover</title> <scri...

Как выровнять несколько div-ов используя класс CSS ?
Очень частый вопрос который задают на форумах, это как выровнять множество div-ов, используя класс CSS. Здесь пример того как это сделать. Для простоты я буду выравнивать 3 div-а. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea...

Комментарии

 
4aIIaeB 10.03.2012 18:24:56 #


да также как и ко всему остальному

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий