Не сте регистриран! Регистрирайте се БЕЗПЛАТНО, за да използвате услугите на сайта!

 Плавно потъмняване на картинка при onMouseover (Работи само с Internet Explorer).
Автор  h_a_n_n_i_b_a_l (17.02.2006 09:02) съобщение до автора
Погледнат  2956 пъти добави към любими
Оценка добави коментар
Гласове  -- изпрати на приятел
Коментари  (2) абонирай се за JavaScript
     
h_a_n_n_i_b_a_l
     
 

За да приложите този ефект първо напишете следния код между <HEAD> и </HEAD>:

CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script language="JavaScript1.2">
function light(pic){
  
clearInterval(lighting)
  
obj=pic
   lighting
=setInterval("lighten(obj)",1)
}

function dark(pic){
  
clearInterval(lighting)
  
obj=pic
   lighting
=setInterval("lighten2(obj)",1)
}

function lighten(cur){
  
if (cur.filters.alpha.opacity<100)
    
cur.filters.alpha.opacity+=10 // Това е стъпката на затъмняване. Можете да я  промените.
  
else if (window.lighting)
  
clearInterval(lighting)
}

function lighten2(cur){
  
if (cur.filters.alpha.opacity>40)
    
cur.filters.alpha.opacity-=10 // Това е стъпката на изсветляване
  
else if (window.lighting)
  
clearInterval(lighting)
}

lighting=setInterval(1)

<
/script>

След това в тялото <BODY></BODY> там където поставяте картинката напишете следното:

CODE
1
<IMG border="0" SRC="images/Dolphin.jpgstyle="filter:alpha(opacity=40)" onMouseout="dark(this)" onMouseover="light(this)">



Ключови думи: on mouseover javascript картинка ефект




 За автора: h_a_n_n_i_b_a_l  
Kazvam se Dimitar. V momenta izu4avam usileno informacionnite tehnologii - software i hardware. za vaprosi mojete da mi pi6ete ma mail hannibal.softwares@gmail.com ili da vidite statiite mi na adres www.virtualzone.hit.bg
   
 1 посетител чете този скрипт (0 потребители и 1 гост)  
Активни потребители: ---
   
  

Еmail  
 

След този ред
<script language="JavaScript1.2">
добави
var lighting='';
и си готов.

  batZIDI на 06.03.2006 13:12

Не знам за другите но на мне ми дава грешки:


Line: 7
Error: 'lighting' is undefined

Line: 12
Error: 'lighting' is undefined

  dam_dam на 22.02.2006 15:44

 

 
  • Интересно от Софтуер
 
  • Интересно от myLINKS
 
 
 
 



IT-PLACE.NET © 2004 - 2008