首页 > Web开发 > 详细

雷林鹏分享:jQuery EasyUI 布局 - 为网页创建边框布局

时间:2019-05-09 13:48:05      阅读:156      评论:0      收藏:0      [点我收藏+]

  jQuery EasyUI 布局 - 为网页创建边框布局

  边框布局(border layout)提供五个区域:east、west、north、south、center。以下是一些通常用法:

  north 区域可以用来显示网站的标语。

  south 区域可以用来显示版权以及一些说明。

  west 区域可以用来显示导航菜单。

  east 区域可以用来显示一些推广的项目。

  center 区域可以用来显示主要的内容。

技术分享图片

  为了应用布局(layout),您应该确定一个布局(layout)容器,然后定义一些区域。布局(layout)必须至少需要一个 center 区域,以下是一个布局(layout)实例:

  

 

  

 

  

Select language:

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  我们在一个

容器中创建了一个边框布局(border layout),布局(layout)把容器切割为两个部分,左边是导航菜单,右边是主要内容。

 

  最后我们写一个 onclick 事件处理函数来检索数据,‘showcontent‘ 函数非常简单:

  function showcontent(language){

  $(‘#content‘).html(‘Introduction to ‘ + language + ‘ language‘);

  }

  下载 jQuery EasyUI 实例

  jeasyui-layout-layout.zip

  本文转载自:w3cschool

  (编辑:雷林鹏 来源:网络 侵删)

雷林鹏分享:jQuery EasyUI 布局 - 为网页创建边框布局

原文:https://www.cnblogs.com/pengpeng1208/p/10837943.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!