
js小功能
yaxi_yaxi_yaxi
错过了半世不可再错过一生!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2048小游戏分析
这两天写了个2048小游戏先看效果图: 现在分享一下它的逻辑: 首先要关注的就是它的页面结构: 容器中放置16个div用于,初始页背景的16个格子,注意class命名方式,这样命名可以用函数方便的进行布局,和其他功能操作。 <div class="container"> <div class="box--0-0"></d...原创 2019-01-12 11:42:48 · 761 阅读 · 0 评论 -
打开网页右下角广告栏慢慢出现,点击慢慢消失
上半年会坚持每周写几个用纯js实现的功能。 篇一: 功能:打开网页div慢慢从右下角出现,点x慢慢消失。 效果图: js代码: window.onload=function(){ var tardiv = getElement('.content'); var addHeight=1; //每次循环增加的高度 tardiv.style.bottom='-20...原创 2019-01-08 18:58:53 · 672 阅读 · 0 评论 -
简单抽奖系统的实现
先看效果图 点击抽奖,将会顺时针旋转。停留概率,转动速率可以控制。 我自己做的过程中遇到的小问题。 i: 顺时针旋转。 因为结构用的是li,顺时针旋转本质上是背景的变化,这里我定义了一个数组来处理顺时针旋转的问题。 var arr= [0,1,2,4,7,6,5,3]; //为了标记li使背景顺时针旋转,内容对应的是li的位置信息 document.getElem...原创 2019-01-10 11:54:25 · 1071 阅读 · 2 评论