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 · 673 阅读 · 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 · 628 阅读 · 0 评论 -
简单抽奖系统的实现
先看效果图点击抽奖,将会顺时针旋转。停留概率,转动速率可以控制。 我自己做的过程中遇到的小问题。i: 顺时针旋转。因为结构用的是li,顺时针旋转本质上是背景的变化,这里我定义了一个数组来处理顺时针旋转的问题。 var arr= [0,1,2,4,7,6,5,3]; //为了标记li使背景顺时针旋转,内容对应的是li的位置信息 document.getElem...原创 2019-01-10 11:54:25 · 1028 阅读 · 2 评论