JackieDYH

2020年3月30日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap { width: 500px; margin 阅读全文

posted @ 2020-03-30 21:22 JackieDYH 阅读(11) 评论(0) 推荐(0)

js-moment插件(时间对象)的使用

摘要： moment.min.js 安装 npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm mete 阅读全文

posted @ 2020-03-30 17:50 JackieDYH 阅读(50) 评论(0) 推荐(0)

2020年3月28日

js用setInterval定时器实现帧动画效果

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ text-align: center; } img{ padding-top: 100px; } </ 阅读全文

posted @ 2020-03-28 15:24 JackieDYH 阅读(11) 评论(0) 推荐(0)

js用math函数实现伪随机点名效果

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { text-align: center; } 阅读全文

posted @ 2020-03-28 15:22 JackieDYH 阅读(15) 评论(0) 推荐(0)

js之封装函数实现元素的左右来回移动

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { position: absolute; left: 0px; width: 200px; height 阅读全文

posted @ 2020-03-28 15:19 JackieDYH 阅读(12) 评论(0) 推荐(0)

2020年3月27日

js用for循环将小方块摆成到V(A)型方法四--小技巧

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ position: relative; } #box>div{ position: absolute; 阅读全文

posted @ 2020-03-27 21:54 JackieDYH 阅读(11) 评论(0) 推荐(0)

js之左右移动的动画的函数封装

摘要： function move(ele,end,step){ //var step = 10 //先清除定时器，从而防止定时器的叠加 clearInterval(timer); //设置定时器 //1.获取起点 var start = parseInt(getStyle(ele,'left'));//1 阅读全文

posted @ 2020-03-27 21:38 JackieDYH 阅读(23) 评论(0) 推荐(0)

js获取任意元素的样式(兼容ie)插件

摘要： //获取任意元素的非行内样式 var getStyle = function(ele,attr){ //1.将主要功能代码写入函数中 if(ele.currentStyle==undefined){ //证明当前浏览器是标准浏览器 var bg = getComputedStyle(ele)[att 阅读全文

posted @ 2020-03-27 21:37 JackieDYH 阅读(13) 评论(0) 推荐(0)

js之定时器切换图片

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 600px; } </style> <script type="text/javascri 阅读全文

posted @ 2020-03-27 12:50 JackieDYH 阅读(26) 评论(0) 推荐(0)

js图片切换效果

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 600px; } </style> <script type="text/javascri 阅读全文

posted @ 2020-03-27 12:48 JackieDYH 阅读(11) 评论(0) 推荐(0)

公告