Kayıtlar

Javascript etiketine sahip yayınlar gösteriliyor

Otomatik arka plan rengini değiştirme (Javascript & HTML)

Merhaba arkadaşlar.Bu konumuzda siteniz için otomatik olarak değişen site arka plan rengi nasıl yapılır onu göstereceğiz. Aşağıdaki javascript fonksiyon ile css ye komut vererek otomatik olarak sayfanin renk değiştirmesini sağlıyoruz.Süre ayarını kodların içindeki 5000 yazan kısmı değiştirerek yapabilirsiniz.5000=5 saniye. Kodları çalıştırmadım ama çalışıyor olması gerekiyor sorun yaşayanlar yorum yaparsa yardımcı olmaya çalışırım.İyi çalışmalar. <html> <head> <style> body { background: blue; /* initial color */ transition: background .5s; /* .5s how long transition should take */ } </style> <script> var colors = ['green', 'orange', 'blue']; var active = 0; setInterval(function(){ document.querySelector('body').style.background = colors[active]; active++; if (active == colors.length) active = 0; }, 5000);</script> </head> <body> </body> </html>

Javascript | Sayfa yükleniyor efekti, geç açılan sayfalar için yükleniyor efekti

Merhaba arkadaşlar.Bu yazımızda sayfa açılırken yükleniyor efekti nasıl yapılır onu göstereceğim.Javascript ve CSS ile yapılmış basit bir kodlama ama çok işe yarar.Özellikle geç açılan sayfalarda sayfanın güzel görünmesi için kullanılabilir.Ve bu kodlar internette bulduğunuz diğer kodlar gibi değil.Diğer kodlar sayfa tamamen yüklendikten sonra çalışıyor bu kodlar ise sayfa açılırken çalışıyor sayfanın tamamen yüklendikten sonra kayboluyor.Bu basit kodları sitenizdeki dosyalara ekleyin ve kullanmaya başlayın. Peki nasıl kullanılır derseniz. Örnek olarak sitenizin anasayfa kodlarının bulunduğu dosyayı açın </head> etiketini bulup hemen onun üzerine ekleyip kaydedin.Bu işlemi görünmesini istediğiniz tüm sayfalara uygulayın. İyi çalışmalar. <style type="text/css"> <!-- #loading { width: 200px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; text-align: center; } -->