menuSlider

menuSlider is jQuery menu slider plugin that creates the slider over the menu items. It's easy to use and create menus with slide animation effect.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Steps to use the Slider:

1. Wrap your navigation menu in a container as shown:

   
   <div id="slideContainer">
   	<ul>
   		<li class="selectedMenuItem">One</li>
   		<li>Two</li>
   		<li>Three</li>
   		<li>Four</li>
   	</ul>
   </div>
   				

2. Call the menuSlider on the container ({Border Thickness, Border Style, Border Color, Sides of Border, Background Color, Background Corner Radius, Transition Speed, Transition Type}):

   
   <script>
   $("#slideContainer").menuSlider({thickness:"2px",borderStyle:"solid",borderColor:"blue",
   				borderSides:"border-bottom", bgColor:"rgba(0,0,150,0.4)",
   				bgRadius:"10px", speed:0.4, tStyle:"linear"});
   </script>
   				

Note: Ensure to include the JQuery library

The item the slider returns to has an class of "selectedMenuItem". To switch which item is the current item, change which item has the selectedMenuItem class. I achieved it above by adding a click function in the script (Not included in download) because I wasn't linking to any pages.

Tested and Functions in Chrome, Firefox, Opera, IE10 and IE9. IE8 and below do not support the border radius or transparent background. IE7 and below do not support box sizing.