2011-10-11 2 views
0

Jquery 플러그인 msdropdown http://www.marghoobsuleman.com/jquery-image-dropdown을 사용하고 있지만 스킨을 변경하는 방법에 대해 혼란 스럽습니다. 기본적으로 msdropdown/dd.css 파일에서 dd 스킨을 사용합니다. dd2라는 두 번째 스킨이 있는데, 내 사이트에서 더 바람직합니다.jquery msdropdown plugin에서 스킨 변경

<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 

그래서 #webmenu의 동일한 내 드롭 다운 상자 ID를 #comboboxid 것입니까? 또한 maincsS는 내 dd.css 파일입니까? 그렇다면 위치를 다음과 같이 지정해야합니까 : msdropdown/dd.css?

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

당신의 dd.css 파일에서 당신은 기본 스타일을 찾을 수 있습니다

+0

분명히 질문을하는 경우 이미 시도했습니다 ... – johnnewbie

답변

1

코드를 사용하여 당신은 당신이 만든 드롭 다운에 대한 CSS 클래스를 지정할 수 있습니다 언급했다. 복사하고 원하는대로 수정 한 다음 dd이 아닌 다른 main css 클래스를 호출하여 샘플의 속성에 할당합니다.

또한 스타일을 그대로두고 스타일을 업데이트하여 dd.css으로 변경하여 요구 사항을 충족시킬 수 있습니다.

중요 사항 :

는 "디스플레이, 플로트 오버 플로우 '속성을 변경하지 마십시오.

+0

안녕하세요 Samich, 답장을 보내 주셔서 감사합니다. 그래서 "body select"가 속성입니까? mainCSS를 대체해야합니까? 또한 내가 혼란스러워하는 부분은 피부를 호출하는 방법입니다. – johnnewbie

+0

이 경우 스킨을 호출하는 것은 CSS 클래스를 변경하는 것입니다. 그래서 당신의'$ ("# webmenu") .msDropDown();'문자열을 샘플에서 대체해야합니다. – Samich

관련 문제