快捷導(dǎo)航

Jquery組件easyUi實現(xiàn)選項卡切換示例

更新時間：2016年08月23日 16:22:33 投稿：lijiao

這篇文章主要為大家詳細介紹了Jquery組件easyUi實現(xiàn)選項卡切換示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Jquery easyUi選項卡切換效果，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Basic Tabs - jQuery EasyUI Demo</title>
 <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
 <link rel="stylesheet" type="text/css" href="../themes/icon.css">
 <link rel="stylesheet" type="text/css" href="demo.css">
 <script type="text/javascript" src="../jquery.min.js"></script>
 <script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>
<body>
 <h2>基本選項卡</h2>
 <p>Click tab strip to swap tab panel content.</p>
 <div style="margin:20px 0 10px 0;"></div>
 <div class="easyui-tabs" style="width:700px;height:250px">
 <div title="寵物" style="padding:10px">
  <p style="font-size:14px">jQuery EasyUI framework 選項卡</p>
  <ul>
  <li>小兔子</li>
  <li>小狗狗</li>
  <li>小貓咪</li>
  <li>小萌寵</li>
  <li>XXXXXXXXXXXXX</li>
  <li>YYYYYYYYYYYYY</li>
  </ul>
 </div>
 <div title="My Documents" style="padding:10px">
  <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>
 </div>
 <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
  This is the help content.
 </div>
 </div>
</body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery 插件開發(fā) 其實很簡單
jQuery已經(jīng)被廣泛使用，憑借其簡潔的API，對DOM強大的操控性，易擴展性越來越受到web開發(fā)人員的喜愛，我在社區(qū)也發(fā)布了很多的jQuery插件
2009-07-07
JQ實現(xiàn)新浪游戲首頁幻燈片
這篇文章主要介紹了JQ實現(xiàn)新浪游戲首頁幻燈片,需要的朋友可以參考下
2015-07-07
如何使用jquery動態(tài)加載js,css文件實現(xiàn)代碼
在jquery中要實現(xiàn)動態(tài)加載js文件的方法有很多種,最簡單的我們可以直接利用$.include()方法來實現(xiàn)，感興趣的朋友可以參考下哈
2013-04-04
jQuery?UI菜單部件Menu?Widget
這篇文章介紹了jQuery?UI菜單部件Menu?Widget，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06
jquery原理以及學(xué)習(xí)技巧介紹
JQuery上手簡單，也很容易學(xué)，即使是剛接觸JQuery的開發(fā)人員，借助JQuery手冊，也很快能在項目中使用開發(fā)，這篇文章針對jquery原理以及學(xué)習(xí)技巧進行介紹，感興趣的小伙伴們可以參考一下
2015-11-11
深入淺析jQuery對象$.html
這篇文章主要介紹了jQuery對象$.html的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼分享
這篇文章主要介紹了jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery在ie6下無法設(shè)置select選中的解決方法詳解
這篇文章主要介紹了jQuery在ie6下無法設(shè)置select選中的解決方法,結(jié)合實例分析了jQuery在ie6下無法設(shè)置select選中的原因與相關(guān)處理技巧,需要的朋友可以參考下
2016-09-09
jquery高效反選具體實現(xiàn)
反選想必大家都有一個比較獨特的方法吧，下面與大家分享下利用jquery實現(xiàn)高效反選，具體代碼如下感興趣的朋友可以參考下哈
2013-05-05
jQuery實現(xiàn)根據(jù)滾動條位置加載相應(yīng)內(nèi)容功能
這篇文章主要實現(xiàn)了jQuery根據(jù)滾動條位置加載相應(yīng)內(nèi)容的操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-07-07