JQuery之手风琴

手风琴.gif

(写在文前的只言片语、意书情殇)长歌破晓穿云过,响彻碧霄振九天.)------Jason Zhang

web开发已现世多年,技术成熟且学习平台广泛,笔者针对其中细节从本质上进行解释.力求透彻.

首先先说一下它的功能:
第一 : 鼠标放上去当前图片放大,其他的变小.
第二 : 加入stop()方法,可以说没有bug.
第三 : 预知详情,请看以下,我站在前方为您导航.

html部分

---

---

css部分

---

      * {
            margin: 0;
            padding: 0;
        }
        ul {
            list-style: none;
        }
        .wrap {
            width: 1010px;
            margin: 100px auto 0;
        }
        .wrap li {
            width: 200px;
            height: 400px;
            float: left;
        }

---

javaScript+JQuery()

---

---

百度JQuery远程网址:http://libs.baidu.com/jquery/2.0.0/jquery.min.js
谷歌JQuery远程网址:http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
笔没墨了!!!