日韩欧美亚洲精品在线,亚洲精品一,国产三级免费观看

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

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

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

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

<jQuery EasyUI最新版下載>

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

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

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

<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>

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

最后，我們寫一個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使用教程最強盤點

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

控件

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

源碼：非開源

產(chǎn)品編號：13352

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

開發(fā) 商： jQuery EasyUI

正式授權(quán)

">jQuery EasyUI

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

最新文章 MORE

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

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

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

Create excellence with technology

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

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

為你推薦

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

Create excellence with technology