jQuery-UI 繧ソ繝

1陦檎岼

1陦檎岼

2陦檎岼

1陦檎岼

2陦檎岼

3陦檎岼

1陦檎岼

1陦檎岼



//繧ソ繝悶サ繝代ロ繝ォ蜈ィ菴薙r螳夂セゥ
<div id="tabs">
縲縲
縲縲//繧ソ繝悶サ繝ェ繧ケ繝医r螳夂セゥ
縲縲窶サ繝ェ繝ウ繧ッ繧偵け繝ェ繝繧ッ縺吶k縺ィ荳九ョ蜷<div>縺ク繧ク繝」繝ウ繝励☆繧
縲縲<ul>
縲縲縲縲<li><a href="#tab1">tab1</a></li>
縲縲縲縲<li><a href="#tab2">tab2</a></li>
縲縲縲縲<li><a href="#tab3">tab3</a></li>
縲縲縲縲<li><a href="#tab4">tab4</a></li>
縲縲縲縲<li><a href="#tab5">tab5</a></li>
縲縲</ul>
縲縲
縲縲//繝代ロ繝ォ譛ャ菴薙r螳夂セゥ
縲縲<div id="tab1">
縲縲縲縲<p>1陦檎岼</p>
縲縲</div>
縲縲<div id="tab2">
縲縲縲縲<p>1陦檎岼</p>
縲縲縲縲<p>2陦檎岼</p>
縲縲</div>
縲縲<div id="tab3">
縲縲縲縲<p>1陦檎岼</p>
縲縲縲縲<p>2陦檎岼</p>
縲縲縲縲<p>3陦檎岼</p>
縲縲</div>
縲縲<div id="tab4">
縲縲縲縲<p>1陦檎岼</p>
縲縲</div>
縲縲<div id="tab5">
縲縲縲縲<p>1陦檎岼</p>
縲縲</div>
縲縲
</div>
<script type="text/javascript">
縲縲$(function() {
縲縲縲縲$('#tabs').tabs({
縲縲縲縲縲縲縲縲//繝繝輔か繝ォ繝医〒髢九¥繧ソ繝(0縺九i謨ー縺医k)
縲縲縲縲縲縲縲縲active: 1,
縲縲縲縲縲縲縲縲//驕ク謚樔ク榊庄(0縺九i謨ー縺医k)
縲縲縲縲縲縲縲縲disabled: [3,4],
縲縲縲縲縲縲縲縲event: 'click',縲縲縲縲窶サ'mouseover' / 'click'(Default)
縲縲縲縲縲縲縲縲heightStyle: 'auto'縲窶サauto/fill/content
縲縲縲縲縲縲縲縲'auto' :譛螟ァ陦後↓蜷医o縺帙k
縲縲縲縲縲縲縲縲'fill' :蝗コ螳
縲縲縲縲縲縲縲縲'content' :繧ソ繝匁ッ弱↓蜿ッ螟(Default)
縲縲縲縲});
縲縲});
</script>

Follow me!