摘要：
布局： div.box > span+textarea + button + ul 案例分析： 1，在textarea中输入内容 2，获取textarea的值，创建 li 元素添加到 ul 中去 3，li 的内容就是 textarea 的值 jQuer代码： 完整代码： 阅读全文
摘要：
布局： h1 select#src-city > option*5 btn-box > button*4 select#target-city 案例分析： 1，点击第一个按钮，左边所有的城市全部移动右边 2，点击第二个按钮，右边所有的城市全部移到左边 3，点击第三个按钮，左边选中的城市全部移到右边 阅读全文
摘要：
布局： div.nav > ul + div ul > li*9 > a + span div > audio*9 案例分析： 起初，每个小li 中有一个 span 作为它的背景，隐藏在下面（top:60) 当鼠标移到某个小 li 的上方，该小 li 中的 span 会从下往上渐渐显示，(top:0 阅读全文
摘要：
案例分析： 每张图片的宽度是1200，初始5张图片平均放在1200宽的 box 里面，每张图片所占宽度是240 当鼠标移动到某张图片上方时，该图片宽度变成800，其余图片宽度平均每张100 当鼠标离开 box 时，就恢复到初始状态，所有图片平均每张宽度240 关键代码： 完整代码： 阅读全文
摘要：
布局： div.slider > ul + div.arrow ul > ll（*8）> a > img div.arrow > span.arrow-left + span.arrow-right 案例分析： 当左箭头一点击，上一张图片渐渐的显示，其他图片渐渐的隐藏 当右箭头一点击，下一张图片渐渐 阅读全文
摘要：
布局： div.wrap > table > thead + tbody thead > tr > th *3 (第一个 th 里面是一个 input ) tbody > tr (*3 ) > td *3 (第一个 td 里面是一个 input ） 案例分析： 1，thead中的全选按钮点击，tbo 阅读全文
摘要：
布局： div.wrapper > ul.tab + div.products ul.tab > li*4 div.products > div.main*4 div.main > a > img 案例分析： 鼠标移到 tab 栏的上方，对应栏目的 上边框颜色变成红色 并且下面 products 里 阅读全文