Wednesday, May 15, 2013

jQuery custom dropdown image combobox

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


No comments:

Post a Comment