Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Замена картинок с помощью Javascript
 
 автор: viktoria   (19.03.2007 в 14:23)   письмо автору
 
 

Всем прет,
Может кто может подсказать как сделать такой эфект как на сайте Лебедева www.artlebedev.ru/? Когда наводишь на логотип, меняется цвет, еще раз наводишь опять меняется цвет? Может у кого есть готовый скрипт или подскажите с какой функцией его писать? Весь инет уже облазила

   
 
 автор: coloboc66   (19.03.2007 в 14:25)   письмо автору
 
   для: viktoria   (19.03.2007 в 14:23)
 

Зайди на woweb.ru Там полно всяких скриптов.

   
 
 автор: viktoria   (19.03.2007 в 14:39)   письмо автору
 
   для: coloboc66   (19.03.2007 в 14:25)
 

Там все не то. Мне надо чтоб именно при наведении менялась картинка, а когда убираешь курсор она оставалась, потом при наведении еще раз она опять менятется ну и так далее. Помогите плиззз

   
 
 автор: Valick   (19.03.2007 в 15:37)   письмо автору
 
   для: viktoria   (19.03.2007 в 14:39)
 

Посмотри вот это:

<html>
   <head>
      <title>Layer Background Colors (W3C)</title>
      <script type="text/javascript">
      function setColor(evt) {
         evt = (evt) ? evt : (window.event) ? window.event : "";
         if (evt) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
            if (elem.className == "palette") {
               document.getElementById("display").style.backgroundColor = elem.style.backgroundColor;
            }
         }
      }
      document.onmouseover = setColor;
      </script>
   </head>
   <body>
      <h1>Layer Background Colors (W3C)</h1>
      <hr />
      <script type="text/javascript">
      var oneLayer;
      var colorTop = 100;
      var colorLeft = 20;
      var colorWidth = 40;
      var colorHeight = 40;
      var colorPalette = new Array("aquamarine","coral","forestgreen","goldenrod","red","magenta","navy","teal");
      for (var i = 0; i < colorPalette.length; i++) {
         oneLayer = "<div id='swatch" + i + "' class='palette'";
         oneLayer += "style='position:absolute; top:" + colorTop + ";";
         oneLayer += "left:" + ((colorWidth * i) + colorLeft) + ";";
         oneLayer += "width:" + colorWidth + "; height:" + colorHeight + ";";
         oneLayer += "background-color:" + colorPalette[i] + "'><\/div>\n";
         document.write(oneLayer);
      }
      </script>
      <div id="display"
      style="position:absolute; top:150; left:80; width:200; height:200; background-color:gray">
         <span style="font-weight:bold; color:white; text-align:center">Some
         reversed text to test against background colors.</span>
      </div>
   </body>
</html>




Всётаки тебе картинку или цвет надо поменять?

   
 
 автор: SHAman   (19.03.2007 в 16:40)   письмо автору
 
   для: Valick   (19.03.2007 в 15:37)
 

Да, у Лебедева, кстати, картинка не меняется - меняется бэкграунд.

   
 
 автор: Lelik   (19.03.2007 в 17:08)   письмо автору
 
   для: SHAman   (19.03.2007 в 16:40)
 

а еще бекграунд постепенно меняет цвет ;)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования