jQuery三級下拉

Question

老師你好，在寫完後我的出現滑動卡頓現象 請問是怎麼回事？

Answer 1

<元字元集=“UTF-8”>

<標題>jQuery三級下拉選單

<樣式>

* {

margin: 0;

填入: 0;

}

.menu {

寬度: 800px;

高度: 30px;

背景顏色：# 000000;

邊距：0 auto;

邊框半徑：10px;

顏色：#ffffff;

#邊框：1px 實線#ccc;

上邊距：20px;

}

ul {

列表樣式：無;

}

ul li {

#：100px;

高度：30px;

字體大小：14px;

行高：30px;

文字對齊：居中;

浮動：​​左;

邊框右： 1px 實心#ffffff;

遊標：指標;

}

.twobox li {

寬度：100px;

高度：30px;

背景顏色：#ccc;

顏色：#000;

字型大小：14px;

行高：30px;

# 位置：相對;

邊框：0px;

}

# .twobox li:hover {

顏色：#ffffff;

背景顏色：#000;

}

.三{

位置：絕對;

頂部：0；

左邊：100px;

}

.三裡 {

##寬度：99px;

#高高度：30px;

行高：30px;

邊框：0;

## }

## <腳本類型=“text/javascript” src=“js/jquery-1.7.1.min.js”>

<內文>

<div class="menu">

<ul class="one">

<li>首頁</li>

<li>木葉

<ul class="twobox">

<li>猿飛一族</li>

# <li class="two">千手一族

<ul class="three">

<li>大筒木阿修羅</li>

<li>千手柱間</li>

<li>千手扉間</li>

<li>千手繩樹</ li>

</ul>

</li>

<li class="two">宇智波一族

< ;ul class="three">

<li>大筒木因陀羅</li>

<li>宇智波斑</li>

<li>宇智波泉奈</li>

<li>宇智波佐助</li>

</ul>

# </li>

<li>奈良一族</li>

</ul>

</li>

<li>岩忍

<ul class="twobox">

<li>塵</li>

<li class="two">影

### <ul class="three">###### <li>初代</li>### ### <li>二代</li>###### <li>三</li>###### <li>空白</li>##### ## </ul>###### </li>###### <li class="two">熔###### <ul class="three"> ;###### <li>路人甲</li>###### <li>路人乙</li>###### <li>路人丙</ li>###### <li>路人丁</li>###### </ul>###### </li>###### ### ### </ul>###### </li>###### <li>沙忍</li>###### <li>霧忍< /li>###### <li>雲忍</li>###### </ul>######</div>###### < /body>######</html>#############

Answer 2

我需要你的原始碼