Home > Categories > Navigations > JQuery Drop down panel menu

JQuery Drop down panel menu

 



The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus.

function

dropDownPanels ({options})
Main function call that requires few options:

Options

speed Integer
The toggle speed to open or close a menu item

resetTimer Integer
This option is used to close the open panel of the menu when you move your mouse away from the menu. The default value is 1000 milliseconds. As default, the menu waits 1 second to close the opened panel.


HTML, CCS and JQuery code


<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="scriptbreaker-dropdownpanel-1.0.js"></script>
<script language="JavaScript">
	$(document).ready(function() {
		$(".topnav").dropDownPanels({
			speed: 250,
			resetTimer: 1000
		});
	});
</script>


Add a comment...