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 根據事件的冒泡原理,...