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

 

 

posted @ 2014-03-27 15:47  KyrieYang  阅读(727)  评论(0)  编辑  收藏  举报