<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery UI下拉列表选择菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/lanrenzhijia.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.styleSelect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".mySelect3").styleSelect({styleClass: "selectFruits",optionsWidth: 1,speed: 'fast'});
$(".mySelect").styleSelect({styleClass: "selectDark"});
});
</script>
</head>
<body>
<div class="select">
<select name="animals" class="mySelect">
<option class="first" value="">Animals</option>
<option value="hippopotamus">Hippopotamus</option>
<option value="aligator">Aligator</option>
<option value="aligator">Fox</option>
<option value="aligator">Lion</option>
<option class="last" value="giraf">Giraf</option>
</select>
</div>
<div class="select">
<select name="fruits" class="mySelect3" >
<option value="">Select fruit</option>
<option value="Peaches">Peache</option>
<option value="Nectarines">Nectarine</option>
<option value="Pears">Pear</option>
<option value="Quinces">Quince</option>
<option value="Cherries">Cherrie</option>
<option value="Apricots">Apricot</option>
<option value="Apples">Apple</option>
<option value="Plums">Plum</option>
<option value="Clementin">Clementin</option>
<option value="Kumquat">Kumquat</option>
<option value="Minneola">Minneola</option>
<option value="Mandarin">Mandarin</option>
</select>
</div>
</body>
</html>