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

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

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

本文實(shí)例為大家分享了Jquery easyUi選項(xiàng)卡切換效果，供大家參考，具體內(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>基本選項(xiàng)卡</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 選項(xiàng)卡</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>

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

您可能感興趣的文章:

相關(guān)文章

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