Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Эффекты наведения в CSS.

Под эффектом наведения rollover имеется визуальный эффект: при наведении курсоры мыши элемент страницы меняется. Это эффективный метод интерфейса для обозначения того, что кнопка и ссылки является интерактивными и на них можно нажимать. Ранее для создания подобных эффектов было необходимо использовать JavaScript, но того же самого можно добиться и при помощи одного CSS, используя селектор псевдокласса : hover.

Эффекты наведения для текста при создании сайта.

Эффект наведения можно использовать для изменения любого аспекта внешнего вида элемента. Вы можете изменить размер или цвет шрифта, цвет фона, его оформление, и практически любое свойство, которое только можно применять в стилях текста. Стили применяются к элементу а, и альтернативный стиль для состояния наведения указывается при помощи селектора а: hover. Помните, что для правильной работы селекторов псевдоклассов они должны находиться в таблице стилей в следующем порядке: : link, :visited, :hover, :active (запомните сочетание LVHA, или «Love, На!»).

               a:link {
                     text-decoration: none;
                     color:	#666;
                          }

               a:hover {
                     text-decoration:	underline;
                     color:	#000;	}

В следующем примере используется популярная техника применения красивой нижней границы вместо обычного подчеркивания и изменения цвета текста ссылки при наведении курсора мыши на ссылку. Добавлен небольшой интервал для того, чтобы у ссылки было достаточно свободного места.

               a:hover {
                     display: inline-block;
	                 text-decoration: none;
                     color: #33C;
                     padding-bottom: 2px;
                     border-bottom: double 2px #F00;	
                      }
Как бросить курить?

В следующем примере при наведении курсора меняется и цвет текста, и фоновый цвет. Добавлена также рамка.

              a:hover {
                       text-decoration: none; 
                       color: #FFF;
                       padding:	2px;
                       background-color: #666;
                       border: solid lpx black; }

Думаю Вам не составит труда прописать сценарий такого изменения ссылки а при наведении курсора мыши.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: