示例：
**：手風琴效果
1、通過設定遮罩層透明度實現控制元素透明度
2、通過偽類實現滑鼠懸停效果
3、事件繫結方法
//事件繫結方法
function bind(el, eventtype, callback) else if (typeof el.attenchevent === 'function')
}
//根據事件的冒泡原理，找到需要變更的class的li元素
while(target.tagname != 'li' || target.tagname == 'body')
a、css**放置位置優先順序： 內聯樣式>內部嵌入樣式>外聯樣式
b、 important （權重最高）>內聯樣式（1000）>id （0100）>類、偽類、屬性選擇器 （0010）>標籤、偽元素 （0001）>萬用字元，子元素選擇器和相鄰兄弟選擇器等（0000）
繼承的樣式沒有權重值.
相同優先順序，後面的（指的是css**中，與html中順序無關）會覆蓋前面的，
可參考文章：
手風琴效果
今天寫了乙個類似手風琴的效果,基於jquer，貼出來分享，生命在於折騰，加油。function imgshowleft else 3000 imgshowleft li on mouseover function if this hasclass active imgshowleft li on m...
Vue實現手風琴效果
筆者在2年前曾用jquery寫過乙個手風琴元件，jquery提供的slideup slidedown方法簡直就是給手風琴量身定做的，不僅能夠獲得內容的高度並正確開啟，還能加上流暢的動畫效果，這裡動畫效果請小夥伴們自行腦部一下哈 然而兩年後的今天。需要在vue中來做了，筆者是對 有潔癖的人，不想使用j...
js實現手風琴效果
之前在慕課網上有練習手風琴效果，但是老師使用jquery簡簡單單的兩三行實現了，今天自己用js練習一下效果 divbox ulul li ul li a pic1 pic2 pic3 pic4 active js var lis document.getelementsbytagname li 獲取...