欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一個(gè)基于jQuery的樹型插件(OrangeTree)使用介紹

 更新時(shí)間：2012年05月03日 19:54:10   作者：  
這個(gè)樣式大家就將就一下吧！我將這個(gè)無限級(jí)樹型插件命名為桔子樹，需要的朋友可以參考下
OrangeTree
下載地址：OrangeTree

首先大家先看下演示吧！
首先聲明本人美術(shù)功底比較差！這個(gè)樣式大家就將就一下吧！我將這個(gè)無限級(jí)樹型插件命名為桔子樹，它主要就分為3個(gè)級(jí)別的節(jié)點(diǎn)：

首級(jí)菜單，就是樹上的一級(jí)菜單
父級(jí)菜單，也就是下面還有節(jié)點(diǎn)的菜單
子級(jí)菜單，也就是下面沒有節(jié)點(diǎn)的菜單
每個(gè)節(jié)點(diǎn)都可以用CSS控制其樣式，詳細(xì)請(qǐng)看下表：

OrangeTree

.OrangeTree 控件
.first_node 首級(jí)菜單的默認(rèn)樣式
.first_node_hover 首級(jí)菜單鼠標(biāo)移上的樣式
.first_node_click 首級(jí)菜單鼠標(biāo)點(diǎn)擊后的樣式
.first_node_subItem 首級(jí)菜單下的子級(jí)菜單樣式
.Item 父級(jí)菜單
.Item_node 父級(jí)菜單默認(rèn)樣式
.Item_node_hover 父級(jí)菜單鼠標(biāo)移上的樣式
.Item_node_click 父級(jí)菜單鼠標(biāo)點(diǎn)擊后的樣式
.Item_Img_bg 父級(jí)菜單圖標(biāo)樣式
.subItem 子級(jí)菜單
.subItem span 子級(jí)菜單默認(rèn)樣式
.subItem_node_hover 子級(jí)菜單鼠標(biāo)移上的樣式
.subItem_node_click 子級(jí)菜單鼠標(biāo)點(diǎn)擊后的樣式
.subItem_Img_bg 子級(jí)菜單圖標(biāo)樣式
注：注釋為(*)的樣式建議不要修改

JavaScript參數(shù)說明：

OrangeTree
width 控件寬度
height 控件高度
indent 層級(jí)縮進(jìn)
view 初始顯示方式,expanded:全部打開,collapsed:全部關(guān)閉,firstNode:指定顯示首級(jí)的第幾級(jí)(firstNode指定)
firstNode view為firstNode此屬性指定顯示首級(jí)的第幾級(jí)
single 指定顯示方式，是否只能開打一級(jí)目錄
具體用法如下：
首先添加引用
復(fù)制代碼 代碼如下:

<link href="Styles/OrangeTree.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/OrangeTree.js" type="text/javascript"></script>

HTML
復(fù)制代碼 代碼如下:

<div class="OrangeTree">
<ul>
<li>……</li>
……
</ul>
</div>

Javascript
復(fù)制代碼 代碼如下:

$(document).ready(function() {
$(".OrangeTree").OrangeTree({
width:"300px",
height:"500px",
indent:20,
view: "collapsed",
firstNode: 1,
single:false
});
});

相關(guān)文章

最新評(píng)論