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

Плавное изменение прозрачности картинки под управлением кнопок

	1. Вариант с CSS 2. Вариант управления кнопкой 3. Вариант наведения и снятия курсора
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* стиль контейнепа / div.cont {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #222; margin: 5px;} / стиль картинки / #a { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #222; filter: Alpha(Opacity=10); / IE / -moz-opacity: 0.1; / mozilla / -khtml-opacity: 0.1; / KHTML Engine(Konquerror) / opacity: 0.1; / CSS3 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #222; margin-top: -2px; margin-left: -2px; } </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/848/zatemn-oswetl_kart_kursor.js"></script>
	Всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будет картинка.
<div align="center"> <div class="cont" style="width: 100px; height: 130px; background:url('http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/848/011.jpg') no-repeat 0 0;"> <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/848/01.jpg" id="a" onMouseOver="showElement(1,this,0,0)" onMouseOut="showElement(0,this,0,0)"> </div> <input type=submit value="Скрыть" onClick="showElement(0,document.getElementById('a'),0,0)"> <input type=submit value="Отобразить" onClick="showElement(1,document.getElementById('a'),0,0)"> </div>
Суть в следующем. Картинку вставляем в контейнер фоном которого является та-же картинка но с нужной вам прозрачностью(в нашем случае с прозрачностью 10%). Задаём стили и размеры контейнера. В кнопки вставляем обработчики событий работающие при клике по каждой кнопке. Вот и всё.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.