Jsenna-CSDN博客

原创网页底部小鱼游动特效

笔者也是在网上找了很多文章，大部分都是基于Jquery实现的，但是项目中其他地方并不需要用到Jquery，为了这么一个特效而引入Jquery的话，并不划算。于是在下载到源码之后，做了一定的修改，将JS里面Jquery的语法改为原生JS来实现。Html 很简单<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> &lt...

2021-10-18 23:04:40 2194 4

原创 Jscript动画系列(3)-----小球自由落体运动

本文是上一篇文章的扩展，但并不依赖上一篇文章，代码可独立运行。欢迎，萌新提问，大神评论前面我们已经让小球在Canvas上动起来了，现在加入三个变量来模拟重力和阻力（G,RQ,RD）。Html内容（基本没有变化）<!doctype html><html> <head> <meta charset="utf-8"> <...

2019-02-28 20:53:12 1188

原创 Jscript动画系列(2)-----让小球在Canvas运动（随机）

本文是上一篇文章的扩展，但并不依赖上一篇文章，代码可独立运行。欢迎，萌新提问，大神评论前面我们已经将小球画在了Canvas上，现在可以给它一个初始位置和初始速度，为了防止小球跑出Canvas，还会加上边界。Html内容（基本没有变化）<!doctype html><html> <head> <meta charset="utf-8...

2018-10-23 15:49:36 557

原创 Jscript动画系列(1)-----用JS在Canvas上画一个小球

最近在学习JS动画，有一些心的同大家分享！由于前期内容比较少，样式什么的就写在Html文件里了！欢迎，萌新提问，大神评论首先(Index.html)<!doctype html><html> <head> <meta charset="utf-8"> <title>this is one Ball</tit..

2018-09-30 21:24:37 561