手風琴案例

2021-08-25 05:52:26 字數 859 閱讀 4189

lang="en">

charset="utf-8">

title>

type="text/css">

* ul

.parentwrap

.menugroup

.grouptitle

.menugroup > div

style>

src="../js/jquery-1.12.4.js">

script>

head>

class="parentwrap">

class="menugroup">

class="grouptitle">標題1span>

我是彈出來的div1div>

li>

class="menugroup">

class="grouptitle">標題2span>

我是彈出來的div2div>

li>

class="menugroup">

class="grouptitle">標題3span>

我是彈出來的div3div>

li>

class="menugroup">

class="grouptitle">標題4span>

我是彈出來的div4div>

li>

ul>

body>

html>

$('.grouptitle').click(function

() )

//jq裡面,方法可以一直呼叫

//因為每呼叫一次jq方法就會返回乙個jq物件,這種叫做鏈式程式設計

script>

手風琴效果

今天寫了乙個類似手風琴的效果,基於jquer,貼出來分享,生命在於折騰,加油。function imgshowleft else 3000 imgshowleft li on mouseover function if this hasclass active imgshowleft li on m...

手風琴下拉列表

之前我們已經分享過很多關於手風琴選單了,有水平方向的,也有垂直方向的。今天要分享的這款css3垂直手風琴摺疊選單也非常不錯,這款css3手風琴選單的每乙個選單項都有小圖示,而且只能有一項展開,更有意思的是,在選單摺疊和展開式右側的箭頭也會有不錯的動畫效果。下面我們來一起看看實現這款手風琴摺疊選單的源...

手風琴效果筆記

示例 手風琴效果 1 通過設定遮罩層透明度實現控制元素透明度 2 通過偽類實現滑鼠懸停效果 3 事件繫結方法 事件繫結方法 function bind el,eventtype,callback else if typeof el.attenchevent function 4 根據事件的冒泡原理,...