Latest Movie :

Cara Membuat Background Animasi Dengan Jquery

ini adalah Contoh Background Animasi Dengan Jquery Bagaimana Menurut Sobat. . . . .?? Apa Jelek Aneh Atau Gimana . . . .hehehe. .?? Semoga Tutorial ini bermanfaat bagi anda.
kode dibawah ini bisa sobat gunakan pada posting
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> <script charset='utf-8' type='text/javascript'> var scrollSpeed = 70; // Speed in milliseconds var step = 1; // How many pixels to move per step var current = 0; // The current pixel row var imageHeight = 4300; // Background image height var headerHeight = 300; // How tall the header is. //The pixel row where to start a new loop var restartPosition = -(imageHeight - headerHeight); function scrollBg(){ //Go to next pixel row. current -= step; //If at the end of the image, then go to the top. if (current == restartPosition){ current = 0; } //Set the CSS of the header. $('#zinto').css("background-position","0 "+current+"px"); } //Calls the scrolling function repeatedly var init = setInterval("scrollBg()", scrollSpeed); </script> <style type='text/css'> #zinto { background:#69F url(https://sites.google.com/site/sin1ajablog/gambar/awan2.png) repeat scroll left top; padding:30px 50px; } </style> <div id='zinto'> ini adalah Contoh Background Animasi Dengan Jquery Bagaimana Menurut Sobat. . . . .?? Apa Jelek Aneh Atau Gimana . . . .hehehe. .?? Semoga Tutorial ini bermanfaat bagi anda. </div>
sumbar:http://sin1aja.blogspot.com
Share this article :
Comments
0 Comments

Posting Komentar

 
Copyright © 2011. Borneo plk - All Rights Reserved
Published by jut4w4n-streaming
powered by Blogger