私信发送成功
Watch Star Fork

DWZ TEAM / dwz_juiJavaScript

DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
克隆/下载
一键复制 编辑 原始数据 按行查看 历史
w_tabs.html 1.93 KB zhanghuihua 提交于 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>

评论 (0)

你可以在登录后,对此项目发表评论

3_float_left_people 3_float_left_close