- 博客(5)
- 收藏
- 关注
RSS订阅原创 原生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
417
原创 jq版的九宫格拖拽换位置和随机位置（照片墙的拖拽换位置和随机位置）
1、需求jquery.js库，2、事件需要 click，mousedown，mousemove，mouseup，3、碰撞检测，用循环检测每个li，如果碰撞返回当前li的下标，通过下标给li添加borderhtml、布局&lt;body&gt; &lt;div id="box"&gt; &lt;ul&gt; &
2019-03-11 18:31:26
1596
原创 react脚手架写百度搜索框全部功能
react 写的百度搜索框全部功能实现先上效果图1、获取数据用的axios ,没有用jsonp，jsonp下次写，脚手架需要下载axios。2、需要跨域软件，自己在Google浏览器安装一个跨域软件。3、需要事件onKeyDown，onKeyUp（键盘事件），onClick（鼠标点击跳转），onMouseMove（鼠标移入事件），4，摁下上键（keyCode值为40）、下键（keyCo...
2019-02-20 11:20:40
1530
原创 原生js写的九宫格随机位置的照片墙
九宫格随机位置的照片墙1、需要用一个数组来记录九宫格的位置2、需要一个数组，用来记录一下随机出现li的下标3、写一个随机函数。首先css代码，布局一个九宫格 body, div, h2, ul, li { margin: 0; padding: 0; } ...
2019-02-19 18:01:12
1584
原创 原生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
1475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人