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

Поиск

Категории

Облако тегов

acer ado.net amd asp.net c sharp c# cms css exceptions google html ipad iphone it бизнес javascript jquery linq microsoft mysql net nokia nokia lumia samsung seo silverlight sql surface tsql windows 8 windows blue windows phone windows rt xna безопасность библиотека вопросы на собеседовании интересные проекты интернет интернет магазин исключения книга книги компьютерная безопасность компьютерные игры контролы курсы по программированию логированние исключений мобильные приложения монетизация сайтов наушники новости новости it новости microsoft новости интернет новости технологий ноутбук ноутбуки обработка исключений оптимизация острова периферия планшет планшеты поддержка сайтов поисковое продвижение программы продвижение продвижение сайта продвижение сайтов рабство разработка игр разработка сайтов раскрутка сайта рекламные технологии смартфон смартфоны собеседование создание сайтов средства разработки туризм фриланс хостинг яндекс
  << Предыдущий пост       Следующий пост >>  
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


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