jQuery三級下拉
Time
Time 2018-11-27 18:06:00
0
4
1158

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

Time
Time

你想拥有你从未有过的东西 ,那么你必须去做你从未做过的事情。

全部回覆(2)
Time

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;

## }

##

<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">宇智波一族

&lt ;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"&gt ;###### <li>路人甲</li>###### <li>路人乙</li>###### <li>路人丙</ li>###### <li>路人丁</li>###### </ul>###### </li>###### ### ### </ul>###### </li>###### <li>沙忍</li>###### <li>霧忍< /li>###### <li>雲忍</li>###### </ul>######</div>###### < /body>######</html>#############
  • 回覆 //當滑鼠移除時隱藏 $(".two").mouseleave(function(){ $(this).find(".three").hide() }) 將最後一個slideUp()換成hide()
    灭绝师太 作者 2018-11-28 14:02:15
  • 回覆 老師你好 在二級選單出現的最後還是還有一些不流暢 三級顯示正常
    Time 作者 2018-11-28 15:41:50
灭绝师太

我需要你的原始碼

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板