JS下拉图片Demo3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
    模板页
</title><link href="/style.css" type="text/css" rel="stylesheet" />
    <link href="css/dd.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.dd.js"></script>

    <script type="text/javascript">

    </script>

</head>
<body>

  <select name="DroWash1" id="DroWash1" class="ddlWashSymbol">
    <option selected="selected" value="">请选择</option>
    <option value="a" title="img/wash_b.png"></option>
    <option value="A" title="img/wash_AA.png"></option>
</select>

        <script type="text/javascript">

            jQuery(document).ready(function () {

                try {
                    oHandler = jQuery("#DroWash1").msDropDown({ visibleRows:3, rowHeight:60 }).data("dd");
                } catch (e) {
                    alert("Error: " + e.message);
                }
            })   

        </script>
</body>
</html>

下载DEMO