Submit your widget

jQuery and CSS3 Android Dock menu

Created 5 years ago   Views 27790   downloads 5431    Author webstuffshare
 jQuery and CSS3 Android Dock menu
View DemoDownload 202.8 KB
84
Share |

When playing the Galaxy you'll find  Android’s dock.  The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style. In this tutorial we’re going to create them using jQuery and CSS3.

The Markup & Styling

<div id="dock-wrapper">
  <div class="dock">
    <div class="dock-front">
	   <img src="images/arrow-up.png" alt="Arrow Up" id="arrow-up">
    </div>
    <div class="dock-top">
      <img src="images/arrow-down.png" alt="Arrow Down" id="arrow-down">
    </div>
  </div>
  <div class="item">
	  <span><img src="images/launcher-pro.png" width="60"></span>
	  <span><img src="images/2do.png" width="60"></span>
	  <!-- to n icon  -->
  </div>
</div>

Read more:http://www.webstuffshare.com/2012/05/creating-android-dock-using-jquery-css3/