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会等同于#webmenu的下拉框ID吗？另外，mainCSS只是我的dd.css文件吗？如果是这样，我是否需要指定如下位置：msdropdown / dd.css？

Answer 1

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

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

在dd.css文件中，您可以找到默认样式。复制它们，按照您的意愿进行修改，并调用与dd不同的主要css类，并将其分配给样本中的属性。

此外，您可以保留原样，只需更新dd.css中的样式即可符合您的要求。

重要提示：

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

在jquery msdropdown插件上更改皮肤

1 个答案: