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