生活随笔
收集整理的這篇文章主要介紹了
jQuery EasyUI布局容器layout实例精讲
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這個布局容器,有五個區(qū)域:北、南、東、西和中心。 他中心地區(qū)面板是必需的,但是邊緣地區(qū)面板是可選的。每一個邊緣地區(qū)面板可以縮放的拖動其邊境, 他們也可以通過點擊其收縮觸發(fā).布局可以嵌套,從而用戶可以建立他想要的復(fù)雜的布局。layout可以基于body或者 div 進行布局。
效果：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>easyui-layout的使用
</title><script type="text/javascript" src="../js/jquery-1.8.3.js"></script><link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="../css/default.css"><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script></head><body class="easyui-layout"><div data-options="region:'north',title:'你我他學(xué)習(xí)吧-學(xué)習(xí)Java的好博客！'" style="height:100px"></div><div data-options="region:'west',title:'西部區(qū)域'" style="width:100px"></div><div data-options="region:'center',title:'中部區(qū)域'"></div><div data-options="region:'east',title:'東部區(qū)域'" style="width:100px"></div><div data-options="region:'south',title:'南部區(qū)域'" style="height:100px"></div></body>
</html>
總結(jié)
以上是生活随笔為你收集整理的jQuery EasyUI布局容器layout实例精讲的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
