JavaScript案例
关注
分享
扫一扫
_心之所向_
这个作者很懒，什么都没留下…
展开
-
JavaScript实现放大镜效果
JavaScript实现放大镜效果效果展示HTML部分CSS部分JavaScript部分在浏览一些购物网站时，我们经常会看到那种鼠标悬浮时，侧边出现放大的细节图的效果。下边是一个简单的图片放大镜效果实现过程。效果展示HTML部分主要分为小图片、遮罩层和大图片；主要注意它们的位置关系。<body> <div class="preview"> ...原创 2019-08-22 17:26:30 · 1325 阅读 · 1 评论 -
原生js打砖块
一个功能简单的打砖块效果图html + css <style> * { margin: 0; padding: 0; } .box { width: 700px; height: 500px; borde...原创 2019-09-08 14:34:18 · 389 阅读 · 1 评论 -
原生js实现简单开奖
html + css <style> * { margin: 0; padding: 0; } input { width: 70px; margin: 10px; } .box { ...原创 2019-09-08 19:47:08 · 298 阅读 · 0 评论 -
用js实现2048游戏
用js实现2048游戏效果图html+cssJS部分2048的实现逻辑：它的本质就是二维数组的操作，只要二维数组完成就很简单了。以上为水平向左：水平说明操作的是二维数组的一行，而垂直操作的则是二位数组的一列。这样就可以将二维数组的操作变成遍历后对一维数组的操作。向左说明数据的优先考虑的位置是从左开始的。这样就确定了一维数组的遍历开始的位置。效果图上下左右都类似，直接上完整代码...原创 2019-09-12 19:32:14 · 1574 阅读 · 3 评论