Эффекты на основе Java Script, jQuery и т.д.

Вертикальное меню из красивых кнопок плавно меняющих цвет

Fade1 Fade2 Fade3	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	/* начальный стиль кнопки */ UL LI {width:100px; background-color: #ffffff; border: 2px solid #FFCC99; margin: 1px; padding: 3px; list-style: none; font-weight: bold; color:#CCCCCC;} </style> <!-- Подключаем библиотеку fade.js --> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/knopki/582/fade.js"></script> <script type="text/javascript"> //определяем правила фейдинга (идентификатор, начальный цвет, конечный цвет, изменяемое CSS свойство, количество промежуточных цветов и время задержки-скорость) fade.addRule('fadeRule1',"#FFF","#FF4500", "background-color", 100, 1); fade.addRule('fadeRule2',"#FFCC99","#f00", "border-color", 30, 1); fade.addRule('fadeRule3',"#ccc","#000", "color", 50, 1); </script>
Основное всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будует кнопки.
<ul> <li id="item1" onmouseover="fade(this.id, 'fadeRule1,fadeRule2,fadeRule3')" onmouseout="fade.back(this.id, 'fadeRule1,fadeRule2,fadeRule3')">Fade1</li> <li id="item2" onmouseover="fade(this.id, 'fadeRule1,fadeRule2,fadeRule3')" onmouseout="fade.back(this.id, 'fadeRule1,fadeRule2,fadeRule3')">Fade2</li> <li id="item3" onmouseover="fade(this.id, 'fadeRule1,fadeRule2,fadeRule3')" onmouseout="fade.back(this.id, 'fadeRule1,fadeRule2,fadeRule3')">Fade3</li> </ul>
Через индексированный список задаём кнопки и в обработчиках прописываем соответствующие функции. При корректировке CSS создание горизонтального меню. Колличество кнопок в меню на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.