Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 29.04.2011, 22:48   #1
CodeNOT
Форумчанин
 
Аватар для CodeNOT
 
Регистрация: 08.11.2010
Сообщений: 593
По умолчанию Изменение обтекаемости картинки при наведении мыши

Добрый возникала проблема с изменением обтекаемости картинки при наведении на нее мыши, а именно, две картинки расположены рядом, при наведении на одну прозрачность картинки уменьшает,а если перевести мышь, то прозрачность остается такой же.
вот скрипт:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
var hT, sT;
    
function SmoothShow(objId, x)   
{ 
   var obj = document.getElementById(objId);
   op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 
	     
   if(op < x)  
   { 
      clearTimeout(hT);
      op += 0.05; 
      obj.style.opacity = op; 
      obj.style.filter='alpha(opacity='+op*100+')'; 
      sT=setTimeout('SmoothShow(\''+objId+'\', '+x+')',1); 
   } 
} 
	    
function SmoothHide(objId, x)   
{ 
   var obj = document.getElementById(objId);
   op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100; 
	     
   if(op > x)  
   { 
      clearTimeout(sT);
      op -= 0.05; 
      obj.style.opacity = op; 
      obj.style.filter='alpha(opacity='+op*10000+')'; 
      hT=setTimeout('SmoothHide(\''+objId+'\', '+x+')',1); 
   } 
}
</script>
</head>
<body >
<img id="img0" onmouseout="SmoothHide('img0', 0.3);" 
				onmouseover="SmoothShow('img0', 1);" 
				style="opacity: 0.3; filter: alpha(opacity=30);" src="Lighthouse.jpg" width="470" height="480">
<img id="img1" onmouseout="SmoothHide('img1', 0.3);" 
   onmouseover="SmoothShow('img1', 1);" 
   style="opacity: 0.3; filter: alpha(opacity=30);" src="Penguins.jpg" width="470" height="480">
</body>
</html>
как мне исправить данную проблему?
CodeNOT вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение картинки при наведении курсора! [BeNdeR] Мультимедиа в Delphi 22 08.05.2012 14:03
Плавное появление картинки при наведении мыши на ссылку CodeNOT JavaScript, Ajax 7 28.04.2011 17:15
Изменение рисунка при наведении курсора мыши ru3000 Microsoft Office Excel 4 15.04.2011 01:13
Изменение AlphaBlend при наведении мыши Dj_SheLL Общие вопросы Delphi 6 06.05.2010 12:49
Смена картинки при наведении мыши на меню Unknown-As HTML и CSS 4 31.03.2009 16:17