制作
关注
分享
扫一扫
rAAAAAAAAy
这个作者很懒，什么都没留下…
展开
-
JavaScript实现简易画图工具
let inEles = document.querySelectorAll('input');let canEle = document.querySelector('canvas');let pen = canEle.getContext("2d");let spanEle = document.querySelector('span');let state = false;let yidong;inEles[0].addEventListener('click', function ()原创 2020-11-21 13:25:46 · 555 阅读 · 0 评论 -
用canvas绘制太极
js代码let canEle = document.getElementsByTagName('canvas');let pen = canEle .getContext('2d');pen.beginPath();pen.arc(200, 200, 200, Math.PI * 1.5, Math.PI * 0.5);pen.strokeStyle = 'black';pen.stroke();pen.beginPath();pen.arc(200, 200, 200, Math.PI原创 2020-11-14 18:41:18 · 165 阅读 · 0 评论 -
用javaScript实现星星评分系统
目录javaScript代码效果javaScript代码let database = ['很差', '差', '一般', '好', '很好'];let divEle = document.querySelector('div');let num = -1;//渲染function xuanRan() { for (let index = 0; index < database.length; index++) { let imgEle = document.crea原创 2020-10-18 22:36:41 · 486 阅读 · 0 评论 -
用JavaScript实现多选框的全选和反选
目录代码htmljavaScript效果全选全不选反选代码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>复选框的全选和反选</title></he原创 2020-10-10 12:06:52 · 289 阅读 · 0 评论 -
用JavaScript实现双色球滚动效果
目录前言代码htmlcssjavascript效果初始效果实现后效果前言最近写了一个双色球滚动的小程序，下面一起来看一下！代码html创建6个蓝色球、1个红色球、1个开始和1个结束按钮。 <div class="ssq"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p原创 2020-09-26 10:59:50 · 1642 阅读 · 0 评论 -
javscript判断是否为闰年的方法
目录前言三目运算符（三元运算符）if判断语句前言用户输入一个年份，JS可以实现判断是否为闰年。下面一起来看一下。三目运算符（三元运算符）console.log("输入年份");inputYear = rs.question( ) - 0;//转换为数值型(inputYear%400==0)||(inputYear%4==0&&inputYear%100!=0)?console.log("闰年"):console.log("平年")//条件1:能被400整除 条件2:能被4整原创 2020-09-05 18:49:04 · 375 阅读 · 0 评论 -
利用CSS制作下拉菜单的简单方法
目录前言操作步骤效果前言前端工程师在开发页面的时候，经常会用到二级菜单，下面就跟我一起来实现以下吧。操作步骤首先创建一级导航和二级导航 <nav> <a href="#1">一级导航</a> <div> <a href="#4">二级导航</a><a href="#5">二级导航</a> </div> &l原创 2020-08-16 14:08:56 · 294 阅读 · 0 评论