原生js操作
Absolon_
这个作者很懒,什么都没留下…
展开
-
原生js写篮球的运动轨迹!
首先写css样式 html,body,#box{ width: 100%; height: 100%; margin: 0; padding: 0; } #app{ width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: url(’./img/timg.jpg’); background-size:...原创 2019-02-19 16:40:51 · 1480 阅读 · 0 评论 -
原生js写的九宫格随机位置的照片墙
九宫格随机位置的照片墙 1、需要用一个数组来记录九宫格的位置 2、需要一个数组,用来记录一下随机出现li的下标 3、写一个随机函数。 首先css代码,布局一个九宫格 body, div, h2, ul, li { margin: 0; padding: 0; } ...原创 2019-02-19 18:01:12 · 1587 阅读 · 0 评论 -
原生js写轮播图分块运动 JavaScript的技巧
原生js写轮播图分块运动 先上效果图 图片是背景图片,把图片分成块添加,利用运动框架改变opacity的值从0~1 利用backgroundPosition选择图片的位置,拼成一整张图,第一步首先创建图片的容器大小一样 横7竖4,把一整图分成28份,分别添加到容器里 同时要吧位置添加上代码如下 for (var r = 0; r < R; r++) { for (var c ...原创 2019-04-18 20:17:32 · 419 阅读 · 0 评论