MyBlog

html代码： <div id="playBox" class="play-box"> <div id="imgList"> <a href="http://www.baidu.com" target="_blank" class="current"> <img src="/img/1.png" alt=""> </a>

该功能为三部分 1.小图部分 小图宽高为400px 2.放大镜 放大镜宽高为200px 3.大图部分 大图宽高为800px 大图小图都是同一张图片，通过css来设置宽高，通过鼠标在小图中的位置来控制大图的横向和纵向滚动条的位置来实现该功能 效果图： html代码 左边为小图部分，右边为大图部分 <div id="smallBox"> <img src="/img/1.png" alt=""> <div id="zoom"></div> </di

jQuery属性操作 1.属性 attr() 操作所有的属性(自定义和内置的) prop() 操作HTML元素内置属性 removeAttr() removeProp() 并不能删除HTML元素上的属性(可以删除通过prop给该元素添加的对象) 2.css类 addClass() 给元素添加一个class值 removeClass() 删除一个class值 toggleClass() 切换一个class值 hasClass() 判断是否有某个class,返回true和fals

:first-child和:first-of-type的区别： //选择一个 是所有兄弟元素里面第一个并且是li元素 $("li:first-child").css('border','2px solid red'); //所有li兄弟元素里面的第一个 $("li:first-of-type").css('border','2px solid pink'); 以下示例： <ul> <li>123</li> <li>lorem

1.基本选择器 ID $('#firstList').css('border','2px solid red'); class $('.item').css('border','2px solid red'); 标签名选择器 $('li').css('background-color','green'); 全局选择器 $('*').css('border','2px solid green'); 组合选择器 $('li.item').css('border','2px solid