Animasyonlu Arkaplan Uygulaması

Animasyonlu arkaplan uygulaması ile web sayfalarınızın arkaplanlarının renk değişimlerini sağlayabilirsiniz. Ben uygulamayı basit olarak .html sayfası oluşturarak anlattım. Ancak bunu .php sayfalarına da kolaylıkla uygulayabilirsiniz.

Arkaplan.html adında bir .html sayfa oluşturun. Bu bizim uygulama yapacağımız sayfamız. Bu sayfaya basit bir html sayfasında olması gereken etiketleri girin (head, body gibi)

Head etiketinin altına aşağıdaki .js dosyalarımızı ve scriptimizi ekliyoruz:

  

Ardından CSS dosyamızı sayfaya import ediyoruz.

Son olarak body etiketleri içerisine aşağıdaki kodları ekliyoruz ve bu .html dosyası ile işimiz bitiyor.

İçerik buraya eklenecek

CSS dosyasını (style.css), .html dosyasının bulunduğu dizine atın. Ve bu dizine js adında bir klasör oluşturun ve içine js dosyalarını atın(jquery-1.11.0.min.js, jquery-ui.min.js, animated_bg.js). Ve eğer bir hata yapmadıysanız sayfanız demodaki gibi olacaktır.

Demo: Animasyonlu Arkaplan Uygulaması

Demo uygulamanın dosyalarını buradan indirebilirsiniz.