2011-10-11 98 views
0

我使用jQuery插件msdropdown http://www.marghoobsuleman.com/jquery-image-dropdown但改變皮膚是如何改變皮膚的困惑。默認情況下,它使用msdropdown/dd.css文件中的dd皮膚。還有第二個皮膚稱爲dd2,這對我的網站來說更爲合適。jQuery的msdropdown插件

<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?

+0

很顯然,我已經嘗試過,如果我問這個問題... – johnnewbie

回答

1

使用代碼你提到,你可以爲你所創建的下拉列表中指定CSS類:

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

在你dd.css文件,你可以找到默認樣式。它們複製,修改像你想和調用主CSS類的東西比dd不同,它在樣品分配財產。

你也可以離開它是如何,只是更新樣式dd.css來匹配你的要求。

重要提示:

請不要修改 「顯示,float和溢出」 屬性。

+0

嗨薩米奇,謝謝你的回覆。那麼「身體選擇」屬性是什麼?這是我需要更換mainCSS嗎?我也困惑的是如何調用皮膚。 – johnnewbie

+0

在這種情況下調用皮膚只是改變CSS類。所以,你需要更換你的'$( 「#webmenu」)msDropDown();'字符串從樣本之一。 – Samich