Javscript Css Delay in div tag
 

Javscript Css Delay in <div> tag

Sayfamdaki bir div'in  background-color'un belli bir süre araligi ile degistirmek istiyordum  delay ile css birlikte çalismiyordu bunun için javascript'in

setTimeout() methodunu kullanarak bir çözüme ulastim.

Örnegin : 5 saniye boyunca div'in background-color özelligi Kirmizi olsun daha sonra transparent haline dönsün istiyorum bunun için

Degisiklikleri yapacagim div'in class ismi newHeaderDiv olsun.

$(".newHeaderDiv:first").css("background-color", "Red");

                    setTimeout(function () {

                        $(".newHeaderDiv:first").css("background-color", "transparent");

                    }, 800);

Ilk bas kirmiziyi rengi verdik  setTimeout ile sunu saglamis olduk 8 saniye boyunca setTimeout içerisindeki islem çalismayacak 8.saniye sonunda çalismis olacaktir. Böylece istedigimizi elde etmis oluuruz.

 

Author: Engin ATALAY
Date: 10.09.2013 15:07:38
View Count: 2501
 
 

COMMENTS
 
No comments yet. Be the first to comment who you are.
 
 
 
 
 
 
 
WRITE COMMENT
 
 
Your Name :
 
 
 
E-mail :
 
 
 
Your Message :
 
 
 
 
 
 
 
This project : ASP.NET MVC , RAZOR, Entity Framework , CSS , HTML , JQUERY(2.0.2) , AJAX the C# side-tier architecture was developed with logic.
 
Yukarı Çık