doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
<
title
>document
title
>
<
style
>
* .menu
.item
.item > h3
.item > .itembox
/*為 item 新增hover偽類
*/.item:hover > .itembox
.item > .itembox > ul
style
>
head
>
<
body
>
<
div
class
="menu"
>
<
div
class
="item"
>
<
h3>市內新聞
h3>
<
div
class
="itembox"
>
<
ul>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
ul>
div>
div>
<
div
class
="item"
>
<
h3>省內新聞
h3>
<
div
class
="itembox"
>
<
ul>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
ul>
div>
div>
<
div
class
="item"
>
<
h3>國內新聞
h3>
<
div
class
="itembox"
>
<
ul>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
ul>
div>
div>
<
div
class
="item"
>
<
h3>國際新聞
h3>
<
div
class
="itembox"
>
<
ul>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
<
li>深圳豬肉遭哄搶
li>
ul>
div>
div>
div>
body
>
html
>
手風琴效果
今天寫了乙個類似手風琴的效果,基於jquer，貼出來分享，生命在於折騰，加油。function imgshowleft else 3000 imgshowleft li on mouseover function if this hasclass active imgshowleft li on m...
手風琴案例
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 ...
手風琴效果筆記
示例 手風琴效果 1 通過設定遮罩層透明度實現控制元素透明度 2 通過偽類實現滑鼠懸停效果 3 事件繫結方法 事件繫結方法 function bind el,eventtype,callback else if typeof el.attenchevent function 4 根據事件的冒泡原理，...