we are special thanks To Jquery and htmldrive.net. visit http://www.htmldrive.net/ and http://www.jquery.com/
Simple Custome Combobox:
Html :
You need to add following code in "header".
<script src="msdropdown/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="msdropdown/js/jquery.dd.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
You need to add following code in "body".
<select name="webmenu" id="webmenu" onchange="showValue(this.value)">
<option value="calendar" title="icons/icon_calendar.gif">Calendar</option>
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
<option value="cd" title="icons/icon_cd.gif">CD</option>
<option value="email" selected="selected" title="icons/icon_email.gif">Email</option>
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
<option value="games" title="icons/icon_games.gif">Games</option>
</select>
<script language="javascript">
$(document).ready(function(e) {
$("#webmenu").msDropDown();
});
</script>
If you Need more information.
please see the following urls.
URL : http://www.htmldrive.net/items/show/550/jQuery-custom-dropdown-image-combobox
Demo URL: http://www.htmldrive.net/items/demo/550/jQuery-custom-dropdown-image-combobox
Simple Custome Combobox:
Html :
You need to add following code in "header".
<script src="msdropdown/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="msdropdown/js/jquery.dd.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />
You need to add following code in "body".
<select name="webmenu" id="webmenu" onchange="showValue(this.value)">
<option value="calendar" title="icons/icon_calendar.gif">Calendar</option>
<option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
<option value="cd" title="icons/icon_cd.gif">CD</option>
<option value="email" selected="selected" title="icons/icon_email.gif">Email</option>
<option value="faq" title="icons/icon_faq.gif">FAQ</option>
<option value="games" title="icons/icon_games.gif">Games</option>
</select>
<script language="javascript">
$(document).ready(function(e) {
$("#webmenu").msDropDown();
});
</script>
If you Need more information.
please see the following urls.
URL : http://www.htmldrive.net/items/show/550/jQuery-custom-dropdown-image-combobox
Demo URL: http://www.htmldrive.net/items/demo/550/jQuery-custom-dropdown-image-combobox
No comments:
Post a Comment