js - 随笔分类 - 柳暗花明8963

摘要：网站既包含PC端页面，又包括手机端页面时，打开手机端自动跳转手机页面，js代码如下：阅读全文

posted @ 2018-01-04 14:56 柳暗花明8963 阅读(3511) 评论(0) 推荐(0)

摘要：JS控制网页文字大小，使其能够自适应屏幕大小设置根字体大小，使之自适应屏幕宽度：其他字体大小，以根字体大小计算可得（单位rem）：比如根字体 font-size=16px，那么我想设置12px 的文字就是：12÷16=0.75（rem）阅读全文

posted @ 2018-01-03 11:21 柳暗花明8963 阅读(1102) 评论(0) 推荐(0)

活用 %取余用于变量循环

摘要：在js效果中，经常将一个变量 i 自增到最大时变成0，或者 i 自减到比0小时，让i变成最大，通常所用的方法是if 此次采用取余的方法：（此方法无论自增还是自减，都能很好的完成数据的循环）阅读全文

posted @ 2017-12-19 17:07 柳暗花明8963 阅读(658) 评论(0) 推荐(0)

js运动框架之掉落的扑克牌（重心、弹起效果）

摘要：玩过电脑自带纸牌游戏的同志们应该都知道，游戏过关后扑克牌会依次从上空掉落，落下后又弹起，直至“滚出”屏幕。效果如图：这个案例的具体效果就是：点击开始运动，纸牌会从右上角掉落下来，之后弹起，运动的速度会逐渐减慢，直到越出屏幕后，全部纸牌消失，在右上角会重新出现一张纸牌，继续动作，一再往复。具体代阅读全文

posted @ 2016-12-29 22:32 柳暗花明8963 阅读(338) 评论(0) 推荐(0)

js运动框架完成块的宽高透明度及颜色的渐变

摘要：了解了运动框架完成块元素的宽高和透明度的变化的原理，我想着写一个颜色的变化来练习一下，不想写了很长时间才写出来，跟各位分享一下。颜色的变化是通过三元素渐变的方式完成的，通过构造json，使当前的颜色与目标颜色进行对比，实现渐变的过程。代码如下：阅读全文

posted @ 2016-12-26 21:37 柳暗花明8963 阅读(286) 评论(0) 推荐(0)

带无缝滚动的轮播图（含JS运动框架）-简洁版

只有注册用户登录后才能阅读该文。

posted @ 2016-12-20 22:26 柳暗花明8963 阅读(39) 评论(0) 推荐(0)

带无缝滚动的轮播图（含JS运动框架）

只有注册用户登录后才能阅读该文。

posted @ 2016-12-19 22:37 柳暗花明8963 阅读(154) 评论(0) 推荐(0)

js运动框架之一条乱跑的虫子

摘要：克隆与运动框架的联合应用效果：点击元素块后，元素块开始随机的向任何方向移动，并附带一堆颜色随机的“尾巴”。每个方向运动3秒后改变方向，同时笑脸变哭脸。如图所示：朝某个方向运动使用的是js运动框架的思想，并通过round()函数调用自身实现不停移动的；而“尾巴”的产生则是通过每隔20ms克隆一次阅读全文

posted @ 2016-12-16 19:10 柳暗花明8963 阅读(496) 评论(0) 推荐(0)

随笔分类 - js