- 博客(5)
- 收藏
- 关注
原创 原生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 418
原创 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 1597
原创 react脚手架写百度搜索框全部功能
react 写的百度搜索框全部功能实现先上效果图1、获取数据用的axios ,没有用jsonp,jsonp下次写,脚手架需要下载axios。2、需要跨域软件,自己在Google浏览器安装一个跨域软件。3、需要事件onKeyDown,onKeyUp(键盘事件),onClick(鼠标点击跳转),onMouseMove(鼠标移入事件),4,摁下上键(keyCode值为40)、下键(keyCo...
2019-02-20 11:20:40 1532
原创 原生js写的九宫格随机位置的照片墙
九宫格随机位置的照片墙1、需要用一个数组来记录九宫格的位置2、需要一个数组,用来记录一下随机出现li的下标3、写一个随机函数。首先css代码,布局一个九宫格 body, div, h2, ul, li { margin: 0; padding: 0; } ...
2019-02-19 18:01:12 1586
原创 原生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 1478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人