前端小效果,小项目
一些小的功能与效果
Davon57
一枚前端开发
展开
-
模拟重力场(多方向运动+碰撞检测+重力加速度+能量损失)
多方向运动 点击div后,向右向下都有速度,斜向下一直运动。 <style> .wapper { width: 100px; height: 100px; position: absolute; background: orange; left: 0; top: 0; } </style> &l原创 2021-02-12 16:23:43 · 487 阅读 · 6 评论 -
JavaScript之运动(各种运动)
一、匀速运动 首先,我们的想法只是简单的向右匀速运动,运用到的是计时器方法。 <div id="oDiv"></div> <span id="oSpan"></span> <button id="btn">开始</button> <script> var oDiv = document.getElementById('oDiv'); var btn = do原创 2021-01-26 17:37:50 · 990 阅读 · 1 评论 -
dom事件对象之手风琴效果
效果:点击菜单会折叠下面的商品 <div class="wrap" id="wrap"> <ul class="menu"> </ul> </div> <script> var menu = [{ name: "菜单一", children: ["商品一", "商品二", "商品三", "商品四"]原创 2021-01-19 18:28:24 · 199 阅读 · 0 评论