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

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫(kù)！查看詳情>>>

<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āo)項(xiàng)目
• center區(qū)域可用于顯示主要內(nèi)容

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

	
	

		
		

			Select language:
		

		

			
			

				Java
			

			

				C#
			

			

				VB
			

			

				Erlang
			

		

	

	

		
	

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

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

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

下載該EasyUI示例：

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