练习
关注
分享
扫一扫
Dilomen
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS实现简单的滑块验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-26 10:55:09 · 3929 阅读 · 0 评论 -
当滚轮滑动到当前页面，发生动画
window.onscroll = function (e) { var scrollTop=document.documentElement.scrollTop; var oDiv = document.getElementsByClassName('hello')[0] var divTop = oDiv.offsetTop - oDiv...原创 2018-05-10 19:39:23 · 1836 阅读 · 0 评论 -
jQuery实现轮播图（淡入淡出式+无缝滑动式）
淡入淡出式<!DOCTYPE html><html lang="en" dir="ltr"><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="原创 2018-05-07 23:28:56 · 4293 阅读 · 2 评论 -
使用onmousewheel滚轮事件实现滑动上下页面效果
为什么使用onmousewheel而不是onscroll？onmousewheel事件在没有滚动条的时候也能触发，而onscroll需要有滚动条才能触发，且onscroll多与scrollTop一起使用CSS：子节点使用了绝对定位absolute，改变其top来显示所需要的页面，通过transition来展示变化的过渡效果JS： 使用onmousewheel事件（火狐浏览器也做了相应兼容...原创 2018-11-03 23:02:16 · 8034 阅读 · 0 评论 -
HTML5属性 draggable 实现拖拉事件
HTML5属性 draggable可以让元素变成可拖动<p draggable="true">这是一个可拖动的段落。</p> 该属性有三个值可选：true | false | autotrue：表示可拖动 false: 表示不可拖动 auto: 表示浏览器默认行为拖动事件：拖动的元素上触发：事件皆由拖动元素监听ondragstart: 用户开始...原创 2019-01-17 23:16:22 · 5595 阅读 · 0 评论 -
使用svg实现圆形进度条
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g原创 2019-02-07 21:16:17 · 1061 阅读 · 0 评论 -
表单格式验证
表单的每个name都是按照原型方法的名称，否则报错，也只能一样，才能检验相对应的方法 <form id="form"> <input type="text" name="userName"> <input type="password" name="userPwd"> <input原创 2019-01-30 23:17:02 · 547 阅读 · 0 评论 -
react实现简单的toast组件
实现：（这里使用的是tsx，如果是jsx，需要把类型删除）生成一个新的div，添加（append）到document下，然后使用ReactDOM渲染该元素 创建一个Toast的类，因为需要类直接使用方法，所以创建相应的静态方法，直接调用 在方法调用前，清除定时器（如同节流），防止前面的定时器影响到后面弹出的toast的持续时间使用:function handleClick1() {...原创 2019-07-18 21:43:17 · 3258 阅读 · 1 评论