JavaScript
AYJCSGM
屠龙者终将成为恶龙。
展开
-
js实现动态简历
可以访问这个网址预览效果。ayjcsgm.github.io/resume/代码就不贴了,太麻烦了。你可以来这里下载→传送门原创 2020-06-03 17:37:13 · 1427 阅读 · 1 评论 -
js实现类似知乎动态背景
HTML: <canvas id="canvas"></canvas>JavaScript:const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); let h = window.innerHeight, w = window.innerWidth; //w = w > 540 ? 540 : w; canvas..原创 2020-06-03 16:59:05 · 470 阅读 · 0 评论 -
js实现2048
HTML:<div id="score"> 0</div><div id="game"></div><a href="javascript:history.go(0);" id="reset"> 重新开始</a>JavaScript:$(function() { //初始化 function reset() { _start = 0; _score = 0; Garr = ..原创 2020-05-22 14:36:15 · 572 阅读 · 0 评论 -
js实现Windows计算器
HTML:<div id="calc"> <h2 class="header"> <a href="javascript:void(0);" class="mini"></a> <a href="javascript:void(0);" class="close"></a> </h2> <div class="wrapper"> <div class="content"&g.原创 2020-05-22 14:19:55 · 4177 阅读 · 0 评论 -
js实现贪吃蛇
HTML:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=...原创 2020-05-08 13:06:24 · 419 阅读 · 0 评论 -
js实现扫雷
HTML:<title> 扫雷</title><!-- ondragstart:防拖拽生成新页面 oncontextmenu:屏蔽右键菜单--><body ondragstart='return false' oncontextmenu='self.event.returnValue=false'> <div id='bar...原创 2020-04-26 18:56:46 · 674 阅读 · 0 评论 -
js实现弹窗登录及参数校验
代码:<%-- Created by IntelliJ IDEA. User: 黄秋平 Date: 2019/11/27 Time: 16:18 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;char...原创 2019-12-13 15:03:32 · 994 阅读 · 0 评论 -
js实现动态罗盘时钟
HTML: <script src="//code.jquery.com/jquery-3.3.1.js"></script> <script> var w_resize = function(){ var w_fontsize = document.documentElement.clientWidth/750 ...原创 2019-12-12 10:28:45 · 6109 阅读 · 2 评论 -
js实现自定义银河系
HTML:<link href='//fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'><link href='//fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='tex...原创 2019-12-10 17:36:59 · 581 阅读 · 2 评论 -
js实现文件上传
HTML:<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//cdn.bootcss.com/axios/0.19.0/axios.min.js"></script><script src="//unpkg.com/element-ui@2.9.1/lib/...原创 2019-12-10 17:10:22 · 846 阅读 · 0 评论 -
js实现动态樱花飘落
HTML:<canvas id="sakura"></canvas><div class="btnbg"><button type="button" onclick="toggleAnimation(this)">Stop</button></div><!-- sakura shader -->&l...原创 2019-10-29 13:28:40 · 31329 阅读 · 67 评论 -
js实现动态星空背景
这里我截取的是一个图片,实际上是会动的。废话不多说,上代码。HTML:<canvas id="canvas"></canvas>CSS:/*css reset */body,p,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,iframe,nav { margin: 0; padding: ...原创 2019-10-29 13:21:57 · 10184 阅读 · 6 评论