自製jQuery外掛程式 手風琴二級選單

2021-09-26 14:46:17 字數 744 閱讀 3445

製作了乙個用jquery外掛程式形式實現的手風琴二級選單

html5結構要求:

一級選單

二級選單

二級選單

二級選單

一級選單

二級選單

二級選單

二級選單

一級選單

二級選單

二級選單

二級選單

在body末尾使用jquery找到父標籤並呼叫外掛程式函式

匯入accordion-css.css檔案與accordion-jquery.js檔案

accordion-css.css:

*

#accordion

#accordion .list1>p

#accordion .list1>p:hover

#accordion .list2>p

#accordion .list2>p:hover

#accordion .list2

accordion-jquery.js:

jquery.fn.accordion = function()else

});}

實現效果:

jquery手風琴特效顯示外掛程式

bootstrap垂直手風琴特效1 bootstrap垂直手風琴特效2 bootstrap垂直手風琴特效3 bootstrap垂直手風琴特效4 bootstrap垂直手風琴特效5 css3垂直手風琴特效 bootstrap標籤式垂直手風琴特效 css3和js響應式垂直手風琴特效 bootstrap超...

jQuery手風琴製作

接下來我們就開始製作了,首先,我們要做的就是排版,如下 工作 汽車房子 美女然後就是寫css樣式 最後,就該我們的重點了,jquery 注釋 nextall 查詢當前元素之後所有的同輩元素。slidedown 通過高度變化 向下增大 來動態地顯示所有匹配的元素。end 將匹配的元素列表變為前一次的狀...

jQuery手風琴製作

在製作手風琴中主要用到jquery中的幾個方法 1.siblings 主要用來搜尋同輩的元素,不包括自己。div 效果如下 2.slidedown speed,fn 向上滑動,slideup speed,fn 向下滑動,滑動效果 speed設定滑動效果的時長,可以是 show normal fast...