在线观看AA,日韩欧美国产偷亚,国产超清精

jQuery EasyUI使用教程：創(chuàng)建Web頁面的邊框布局

原創(chuàng)|使用教程|編輯：龔雪|2015-10-28 09:10:58.000|閱讀 856 次

概述：本教程主要為大家演示如何使用jQuery EasyUI創(chuàng)建Web頁面的邊框布局。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

<jQuery EasyUI最新版下載>

本教程主要為大家演示如何使用jQuery EasyUI創(chuàng)建Web頁面的邊框布局。該邊框布局提供五個(gè)區(qū)域：east、west、north、south、center，以下是一些常見的用法：

north區(qū)域可以用于顯示一個(gè)網(wǎng)站的標(biāo)語
south區(qū)域可用于顯示版權(quán)及其他注意事項(xiàng)
west區(qū)域可用于顯示導(dǎo)航菜單
east區(qū)域可用于顯示促銷項(xiàng)目
center區(qū)域可用于顯示主要內(nèi)容

想要應(yīng)用一個(gè)布局，首先你應(yīng)該確認(rèn)一個(gè)布局容器，然后定義一些區(qū)域。布局中必須包含至少一個(gè)center區(qū)域。下面是一個(gè)布局示例：

<div class="easyui-layout" style="width:400px;height:200px;">
<div region="west" split="true" title="Navigator" style="width:150px;">
<p style="padding:5px;margin:0;">Select language:</p>
<ul>
<li><a href="javascript:void(0)" onclick="showcontent('java')">Java</a></li>
<li><a href="javascript:void(0)" onclick="showcontent('cshape')">C#</a></li>
<li><a href="javascript:void(0)" onclick="showcontent('vb')">VB</a></li>
<li><a href="javascript:void(0)" onclick="showcontent('erlang')">Erlang</a></li>
</ul>
</div>
<div id="content" region="center" title="Language" style="padding:5px;">
</div>
</div>

我們在一個(gè)"div"容器里創(chuàng)建一個(gè)邊框布局。布局將一個(gè)容器拆分為兩個(gè)部分，左邊是一個(gè)導(dǎo)航菜單，右邊是主要內(nèi)容。

最后，我們寫一個(gè)onclick事件處理函數(shù)來檢索數(shù)據(jù)，“showcontent”功能很簡單：

function showcontent(language){
$('#content').html('Introduction to ' + language + ' language');
}

下載該EasyUI示例：

購買最新正版授權(quán)！""

標(biāo)簽：HTML5 jQuery UI界面

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：MyEclipse中文教程一：SVN插件安裝方法下一篇：干貨分享！2015年MyEclipse使用教程最強(qiáng)盤點(diǎn)

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：UI界面

源碼：非開源

產(chǎn)品編號(hào)：13352

當(dāng)前版本：v1.10.18 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： jQuery EasyUI

正式授權(quán)

">jQuery EasyUI

基于jQuery且支持HTML5的用戶界面框架

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

jQuery EasyUI使用教程：創(chuàng)建Web頁面的邊框布局

用科技創(chuàng)就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

jQuery EasyUI使用教程：創(chuàng)建Web頁面的邊框布局

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology