В этом примере рассказывается о том, что при наведении на картинку курсор мыши, ее прозрачность становилась 80%-ной(чтобы она была потусклее), а на неактивной картинке оставалась 100%-ной. Пример можно посмотреть здесь, не работает в InternetExplorer. Далее следует небольшое описание как это сделать.Создайте файл css.css и вставьте в него следующий код:
a img:hover { filter:alpha(opacity=80);..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; }
Затем создайте файл index.html и вставьте в него следующий код
<html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=window-1251″ /> <title>Прозрачность картинки при наведении на нее курсора мыши через CSS</title> <link rel=”stylesheet” type=”text/css” href=”css.css” /> </head><body><p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”16r.gif” border=”0″/></a></p><p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”18r.gif” border=”0″ /></a></p><p><a href=”http://flashripper.net/demoblog/” target=”_blank”><img src=”17r.gif” border=”0″ /></a></p></body> </html>
На этом все, теперь вам осталось только вставить свои изображения и наслаждаться полученным результатом. Дополнительно:
Нынче стало модно Администраторам сайта создать группы, где могут общаться пользователи их сайтов на социальной сети vKontakte.ru. Ну и мы решили не отставать! ColorWorld.org в Контакте!
Если вам нужно переместить пользователя с одной страницы на другую, то прочитать как это сделать можно в этой статье. Пример выполнения данного скрипта вы можете посмотреть здесь.Для начала, создайте файл index.htm и вставьте в него следующий код:
<html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Language” content=”ru”> <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″ /> <title>Редирект</title> <script type=”text/JavaScript”> <!– function MM_goToURL() { var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+”.location=’”+args[i+1]+”‘”); } //–> </script> </head><body onload=”MM_goToURL(’parent’,"http://www.flashripper.net/demoblog/’);return document.MM_returnValue”> <p> <img border=”0″ src=”i2.gif” width=”13″ height=”13″ align=”left”><font size=”2″>Подождите, сейчас вы будете перемещены на страницу блога…</font></p> </body> </html>
Теперь вам осталось лишь поменять мой адрес блога на свой адрес, на ту страницу на которую пользователь будет перемешен.Дополнительно: