国产人妖的免,玩弄人妻少妇精品视频,国产精品成久久久久三级蜜臀av

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

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

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

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

<jQuery EasyUI最新版下載>

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

north區(qū)域可以用于顯示一個(gè)網(wǎng)站的標(biāo)語(yǔ)
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>

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

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

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

下載該EasyUI示例：

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

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

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

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

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

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

控件

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

源碼：非開(kāi)源

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

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

開(kāi) 發(fā) 商： jQuery EasyUI

正式授權(quán)

">jQuery EasyUI

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

最新文章 MORE

半島外圍網(wǎng)上直營(yíng)相關(guān)的文章 MORE

日韩福利首页在线观看网站-日韩福利免费网站视频在线-日韩福利局二区视频-日韩福利-日韩二区在线-日韩二区三区四区-日韩二区三-日韩电影中文字幕

半岛外围网上直营

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

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

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

Create excellence with technology

日韩福利首页在线观看网站-日韩福利免费网站视频在线-日韩福利局二区视频-日韩福利-日韩二区在线-日韩二区三区四区-日韩二区三-日韩电影中文字幕

半岛外围网上直营

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

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

為你推薦

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

Create excellence with technology