小功能
文章平均质量分 74
daydayup1207
这个作者很懒,什么都没留下…
展开
-
js实现图片延迟加载
/** 思路:* 1.获取可视窗口高(clientHeight)、各个图片的绝对距离(getPub函数)以及滚动进去的高(scrollTop)* 2.滚动进去的高(scrollTop) + 视窗口高(clientHeight)>=各个图片的绝对距离* 3.若满足第2步的条件,就让自定义属性的内容 赋值给img的src属性;* *//*获取当前元素到html的距离*/func...原创 2018-08-09 11:14:51 · 1114 阅读 · 0 评论 -
javaScript 页面中多个选项卡效果
1.HTML代码<!--第一个选项卡--><div id="box1" class="wrap"> <p class="nav"> <!--按钮--> <span class="active">体育</span> &原创 2018-08-01 18:27:14 · 2168 阅读 · 0 评论 -
用javaScript实现轮播图效果 包括自动变换,按钮控制,上一张下一张切换
1.HTML代码<div id="wrap"> <img src="images/1.jpg" alt="" class="on"> <img src="images/2.jpg" alt=""> <img src="images/3.jpg"原创 2018-08-02 19:05:36 · 7303 阅读 · 2 评论 -
js实现拖拽(带阴影)
HTML代码:<p> ksjdfkjlksjfdksjfskjfskljldffffffffffffffffffffffff</p><div id="div"></div>css代码:<style> body{ padding: 0; margin: 0; } ...原创 2018-08-12 12:44:38 · 2933 阅读 · 0 评论 -
css实现卡片翻转效果
html:<div class="cont"> <div class="contBefore"> 前边内容 </div> <div class="contAfter"> 翻转后内容 </div></div>css:.cont{ width: ...原创 2019-07-16 18:20:04 · 807 阅读 · 0 评论