网页特效
夜行独者
这个作者很懒,什么都没留下…
展开
-
重力+拖拽+碰撞运动
重力+拖拽+碰撞运动 html, body { background: burlywood; } * { margin: 0px; padding: 0px; } input { background: deepskyblue; } #div { width: 200px;原创 2016-12-25 15:46:11 · 6995 阅读 · 0 评论 -
Canvas之"黑客帝国"
首先,在新建页面写上canvas标签,在js中获取并设置高宽:canvas id="canvas">canvas>script> var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"); //设置canvas大小,全屏显示 setSize();转载 2016-12-25 16:23:32 · 7186 阅读 · 0 评论 -
Canvas之粒子动画
首先添加一个canvas:canvas id="canvas">canvas>11下面是样式:style> #canvas{ position: absolute; display: block; left:0; top:0; background: #0f0f0f; z-ind转载 2016-12-25 16:15:23 · 12052 阅读 · 1 评论 -
图片的懒加载
懒加载的意义(为什么要使用懒加载)对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB。当页面图片很多时,页面的加载速度缓慢,几S钟内页面没有加载完成,也许会失去很多的用户。所以,对于图片过多的页面,为了加速页面加载速度,所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的原创 2016-12-25 16:42:48 · 6729 阅读 · 0 评论