Skip to main content

Posts

Showing posts from January, 2014

Change/increment the background position using Jquery dynamically (Moving Background)

Change/increment the background position using JQuery dynamically Background position is one of the style in the background style group. As the name defines this background position is to position the background image. We may come across some situations where we need to move the background as in the games, or in the parallax effect. The main line to work as moving background Suppose u need the clouds moving as the background, just use this code and that works fine.           $("div").animate({"background-position":"+=20%"}); use this statement repeatedly using some looping technique. you will see the clouds moving at background...

Make the Navigation Menus with equal width

For every website the navigation menu plays a key role. This navigation menu should be in clear and precise. To make the navigation menu look better even in the lower resolution we have to make them responsive by giving equal width to each item. Here is the procedure to make each menu item with equal width. To make all the elements having equal width and full width of the parent use as <ul>      <li>a</li>      <li>b</li>      <li>c</li>       <li>d</li> </ul> styles ul{ display:table; } li{ display:tabel-cell; float:none; text-align:center; }