- 博客(10)
- 收藏
- 关注
转载 延时加载
####延时加载主要原理 当页面没有滚动到指定位置的时候,页面中不需要显示的图片不加载,当页面滚动到指定位置时,加载并显示相应的图片 ####具体实现 1.先让图片不加载,即让图片的src属性改变为_src 2.当页面滚动到图片刚开始的位置的时候,加载图片 3.所谓的加载就是将图片的_src的...
2016-12-08 16:11:00
84
转载 简单轮播特效
###主要功能: 1. 图片进行切换(借助定时器) 2. 鼠标移入:则停止轮播,显示上一张下一张按钮 鼠标移出:则继续轮播,隐藏上一张下一张按钮 3. 数字跟着图片一起动 4. 鼠标移入数字上的时候,移入第几个数字,则显示对应的图片 5. 点击上一张,显示上一张图片 点击下一张,显示下一...
2016-12-08 16:10:00
100
转载 拖动效果
####主要完成效果: 当鼠标 在div#box内按下去并且移动鼠标,要求div#box跟着鼠标移动 ####主要思路: 1.将div进行绝对定位 2.已知鼠标坐标点的改变和鼠标相对于div#box的位置,获取div#box距离页面的边距 3.计算出div相对于页面的距离,将他赋值给left和...
2016-12-08 16:10:00
95
转载 省市县三级级联
####主要思想 1.省改变,市改变,并初始化县 2.市改变,县改变 ####html代码 <select id="sheng"> <option value="">--请选择--</option> <option value="0">北京市&l...
2016-12-08 16:09:00
117
转载 广告狂页面随意滚动效果
#####1.先给广告框一个绝对定位,设置left,top的值,给出广告在页面中的位置 <div id="ad" style="position:absolute;left:10px;top:10px;"> <img src="guanggao.jpg" alt="">...
2016-12-08 16:08:00
147
转载 放大镜效果
###普及知识:放大镜特效涉及到的几个值 offsetWidth 获取元素的宽度 offsetHeight 获取元素的高度 offsetLeft父元素没有定位时,获取元素距离页面的左边距,父元素有定位时,获取元素距离父元素的左边距 offsetTop父元素没有定位时,获取元素距离页面的...
2016-12-08 16:07:00
98
转载 JQuery实现楼层效果
####主要思想 对应楼层距离页面顶部的距离与页面滚动的距离相对应 ####jquery相关知识 $(obj).click(function(){ …… }) 点击事件 index() 获取元素对象在同辈元素中的索引值 offset() 获取元素对象距离页面的边距 position() 如...
2016-12-08 16:00:00
250
转载 jQuery鼠标悬停图片由中心点逐渐放大效果
####html代码 <div class="box"> <img src=“xxx.jpg" class="pic" /> </div> ####css代码 *{ margin:0; padding:0; list-style:none;} .box{ w...
2016-12-08 16:00:00
276
转载 JQuery边框特效
####主要思想 1.将四个div分别定位到大div的上下左右位置 2.分别设置成宽度为0或者高度为0 3.让其执行给定动画,即多少毫秒让宽度或者高度变为指定的长度 ####html代码 <div class="box"> <div class="border_top">...
2016-12-08 15:59:00
291
转载 checkbox的全选反选以及全不选
####js实现 <input type="checkbox" name='list' value=''>哈哈<br/> <input type="checkbox" name='list' value=''>哈哈<br/> <input ...
2016-12-08 15:58:00
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人