셀렉트박스(디자인)
[VIEW]
[CODE]
<![CDATA[
<!-- 기본 -->
<div class="ui_select_dom item_wrap f_wd_3">
<div class="item_view" id="cusomtSelectbox_2_button">
<a href="#0" class="ui_select_button" title="생년월일 열기">
<span class="ui_select_text">1981</span>
<span class="hide">선택됨</span>
<span class="ico"></span>
</a>
</div>
<div class="item_list" id="cusomtSelectbox_2_menu">
<div class="ui_selectbox_wrapper ui_item_scrollarea ui_item_content">
<ul>
<li><a href="#1" data-value="생년" data-text="생년" title="생년월일">생년</a></li>
<li><a href="#2" data-value="1984" data-text="1984" title="생년월일">1984</a>
</li>
<li><a href="#3" data-value="1983" data-text="1983" title="생년월일">1983</a>
</li>
<li><a href="#4" data-value="1982" data-text="1982" title="생년월일">1982</a>
</li>
<li class="on"><a href="#5" data-value="1981" data-text="1981"
title="생년월일">1981</a></li>
<li><a href="#6" data-value="1980" data-text="1980" title="생년월일">1980</a>
</li>
<li><a href="#7" data-value="1979" data-text="1979" title="생년월일">1979</a>
</li>
<li><a href="#8" data-value="1978" data-text="1978" title="생년월일">1978</a>
</li>
<li><a href="#9" data-value="1977" data-text="1977" title="생년월일">1977</a>
</li>
</ul>
</div>
<div class="scroll ui_item_scrollbar" unselectable="on">
<span class="bg_top"></span>
<span class="bg_mid"></span>
<span class="bg_btm"></span>
</div>
</div>
</div>
<!-- 리스트 열림 .on -->
<div class="ui_select_dom item_wrap f_wd_3 on">
<div class="item_view" id="cusomtSelectbox_2_button">
<a href="#0" class="ui_select_button" title="생년월일 열기">
<span class="ui_select_text">1981</span>
<span class="hide">선택됨</span>
<span class="ico"></span>
</a>
</div>
<div class="item_list" id="cusomtSelectbox_2_menu">
<div class="ui_selectbox_wrapper ui_item_scrollarea ui_item_content">
<ul>
<li><a href="#1" data-value="생년" data-text="생년" title="생년월일">생년</a></li>
<li><a href="#2" data-value="1984" data-text="1984" title="생년월일">1984</a>
</li>
<li><a href="#3" data-value="1983" data-text="1983" title="생년월일">1983</a>
</li>
<li><a href="#4" data-value="1982" data-text="1982" title="생년월일">1982</a>
</li>
<li class="on"><a href="#5" data-value="1981" data-text="1981"
title="생년월일">1981</a></li>
<li><a href="#6" data-value="1980" data-text="1980" title="생년월일">1980</a>
</li>
<li><a href="#7" data-value="1979" data-text="1979" title="생년월일">1979</a>
</li>
<li><a href="#8" data-value="1978" data-text="1978" title="생년월일">1978</a>
</li>
<li><a href="#9" data-value="1977" data-text="1977" title="생년월일">1977</a>
</li>
</ul>
</div>
<div class="scroll ui_item_scrollbar" unselectable="on">
<span class="bg_top"></span>
<span class="bg_mid"></span>
<span class="bg_btm"></span>
</div>
</div>
</div>
]]>