js效果
eazdp
这个作者很懒,什么都没留下…
展开
-
canvas实现环形进度条的效果
实现效果: 实现逻辑: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5 Canvas 圆形进度条并显示数字百分比</title> </head> <body> <canvas id="canvas" width="250" height="250" style="backgrou原创 2020-12-17 15:04:28 · 333 阅读 · 3 评论 -
js实现类似淘宝继续拖动查看详情的弹簧效果
主要的思路是利用iscroll.js+css3实现该效果,首先在body放置两个box,每个box的宽高都是100%,给每个box初始化iscroll,检测每个box里面滑动区域的位置,当第一个box里面的滑动区域滑到最底部的时候,继续滑动,box1上划一屏的距离,box2随之上划一屏的距离,反之,box2里面滑动区域下滑的时候类似,代码部分:html代码<div class="detail-box原创 2017-03-06 10:29:45 · 2343 阅读 · 6 评论 -
浮层模板
//屏蔽输入,显示蒙板 function showMask(idName) { var obj = document.getElementById(idName); obj.style.width = document.body.clientWidth; obj.style.height = document.body.clientHeight; obj.styl原创 2017-05-16 13:54:17 · 315 阅读 · 0 评论 -
fixed弹窗禁止底部页面滑动
1.根据网上大多数的写法当弹窗出现的时候给body和html设置{overflow:hidden;},然后当关闭弹窗的时候{overflow:auto;},出现了一个问题,当弹窗关闭的时候在6sp上面页面滑动一顿一顿的 2.所以采用iscroll.js做底部页面滑动处理,外层的div设置position:absoule;这样就解决了底部页面滑动的问题原创 2017-05-08 10:50:35 · 1599 阅读 · 0 评论