![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Dom
晕fufufu
这个作者很懒,什么都没留下…
展开
-
动画函数的使用
function animate(obj,target,callback){ //先清除以前的定时器,只保留当前的一个定时器执行 clearInterval(obj.timer); obj.timer = setInterval(function(){ // 步长值写到定时器的里面 // 把我们步长值改为整数 不要出现小数的问题 // var step =Math.ceil(target - obj.offsetLeft) /10; var step = (target -.原创 2022-05-30 16:10:05 · 80 阅读 · 0 评论 -
动画函数的使用
animate.js function animate(obj,target,callback){ //先清除以前的定时器,只保留当前的一个定时器执行 clearInterval(obj.timer); obj.timer = setInterval(function(){ // 步长值写到定时器的里面 // 把我们步长值改为整数 不要出现小数的问题 // var step =Math.ceil(target - obj.offsetLeft) /10; var step原创 2022-05-22 15:34:21 · 248 阅读 · 0 评论 -
简单动画函数封装——PC端网页特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-05-22 14:20:26 · 76 阅读 · 0 评论 -
5秒之后跳转页面
<body> <button>点击</button> <div></div> <script> var btn = document.querySelector('button'); var div = document.querySelector('div'); btn.addEventListener('click',function(){ .原创 2022-05-19 15:08:55 · 350 阅读 · 0 评论 -
发送短信案例
<body> 手机号码:<input type="number"> <button>发送</button> <script> // 按钮点击之后,会禁用disabled 为true // 同时按钮里面的内容会变化 注意button里面的内容通过innerHTML修改 // 里面的秒数是有变化的,因此需要用到定时器 // 定义一个变量 在定时器里面,不断递减 ..原创 2022-05-18 23:11:21 · 82 阅读 · 0 评论 -
动态生成表格案例
<style> table{ width: 500px; margin: 100px auto; border-collapse: collapse; text-align: center; } td, th{ border: 1px solid #333; } th...原创 2022-05-16 22:44:17 · 121 阅读 · 0 评论 -
【排他思想】
<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1.获取所有按钮元素 var btn.原创 2022-05-15 13:40:51 · 50 阅读 · 0 评论 -
显示隐藏文本框内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-05-15 12:09:11 · 57 阅读 · 0 评论