Metrics
0
Watch 98 Star 261 Fork 114

DWZ TEAM / dwz_juiJavaScript

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. spread retract

Clone or download
w_tabs.html 1.93 KB
Copy Edit Web IDE Raw Blame History
DWZ团队 authored 2017-11-16 11:14 . v1.6.0
<h2 class="contentTitle">选项卡面板演示</h2>
<div class="pageContent">
<div class="tabs close collapse" currentIndex="1" eventType="click">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="javascript:;"><span>标题1</span></a></li>
<li><a href="demo_page2.html" class="j-ajax" data-cache="false"><span>标题2</span></a></li>
<li><a href="demo_page2.html" class="j-ajax"><span>标题3</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" style="height:150px;">
<div>
<pre>
currentIndex: 0-n default:0
eventType: click|hover default:click
</pre>
</div>
<div>内容2</div>
<div>内容3</div>
</div>
<div class="tabsFooter">
<div class="tabsFooterContent"></div>
</div>
</div>
<p>&nbsp;</p>
<div class="tabs" currentIndex="0" eventType="click">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="javascript:;"><span>标题1</span></a></li>
<li><a href="javascript:;"><span>标题2</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" style="height:250px;">
<div>内容1
<p>
<label>客户名称:</label>
<input name="name" class="required" type="hover" size="30" value="" alt="请输入客户名称"/>
</p>
</div>
<div>
<div class="tabs" currentIndex="0" eventType="click" style="width:300px">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="javascript:;"><span>标题1</span></a></li>
<li><a href="javascript:;"><span>标题2</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" style="height:150px;">
<div>内容1</div>
<div>内容2</div>
</div>
<div class="tabsFooter">
<div class="tabsFooterContent"></div>
</div>
</div>
</div>
</div>
<div class="tabsFooter">
<div class="tabsFooterContent"></div>
</div>
</div>
</div>

Comment ( 0 )

You need to Sign in for post a comment

Help Search