更改jquery msdropdown插件的外观

Question

我使用的是Jquery插件msdropdown http://www.marghoobsuleman.com/jquery-image-dropdown，但我对如何更改皮肤感到困惑。默认情况下，它使用msdropdown/dd.css文件中的dd皮肤。还有一个名为dd2的皮肤，它更适合我的站点。

<select style="width:150px" name="webmenu" id="webmenu" onchange= "openprompt()">
        <option value="selectvalue">Select...</option>
    <option value="augustanacollege" title="icons/augustanacollege.gif">Augustana College </option>
    <option value="aurorauniversity " title="icons/aurorauniversity.gif">Aurora University</option>
  </select>

<script language="javascript">
$(document).ready(function(e) {
try {
$("body select").msDropDown();
} catch(e) {
alert(e.message);
}
});
</script>

<script language="javascript">
    $(document).ready(function(e) {
        try {
        $("#webmenu").msDropDown();
    }
    });
</script>

这意味着添加以下代码来更改皮肤：

<code>$("#comboboxid").msDropDown({mainCSS:'dd2'}); //dd2 is your main CSS

那么#comboboxid会等于我的下拉框id #webmenu吗？另外，mainCSS只是我的dd.css文件吗？如果是这样，我是否需要像这样指定位置: msdropdown/dd.css？

Answer 1

使用你提到的代码，你可以为你创建的下拉列表指定css类：

$("#webmenu").msDropDown({mainCSS:'dd2'});

在您的dd.css文件中，您可以找到默认样式。复制它们，按你想要的方式修改，调用css主类而不是dd，并将其分配给sample中的property。

你也可以保持原样，只更新dd.css中的样式来满足你的需求。

重要提示：

请不要更改“显示、浮动和溢出”属性。