阿渡渡渡渡渡渡-CSDN博客

原创一个特别的标签--marquee

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- marqu

2020-08-09 23:23:31 126

全程注释，全靠动手1：容器(container) 和项目(item)2：行(row)，列(column)，单元格(cell)3：网格线(grid line)<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&

2020-07-10 11:03:43 145

原创 css3兼容性前缀

2020-07-02 23:40:53 146

原创 html5 -- Web 存储 localStorage和sessionStorage

分成了六段，结合注释，依次解开注释尝试，敲敲就理解了<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script> // 存一个数据 // localStorage.setItem('name','zhangsan');

2020-06-23 17:13:14 135

原创 HTML5--Web存储小demo

利用 localStorage 实现本地存储即时显示：一个页面编辑，另一个页面即时的显示你编辑的啥首先-编辑区<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>编辑区</ti

2020-06-23 17:06:50 109

原创 canvas -- 画一个五角星

首先可以用把每个点的坐标全部写出来的傻瓜方法，这里就不作详解来看看结合高中数学知识的方法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>画五角星</title></head><body> <canvas id="canvas" style="display: block; margin: 50px auto

2020-06-11 23:41:34 495

原创 canvas--矩形绘制的几种方法

方法一<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <canvas id="canvas"></canvas> <script> window.onload = function () {

2020-06-11 18:12:19 619

原创 canvas画布基本操作

简单画直线和三角形（结合注释）–线条绘制<body> <canvas id="canvas" width="1024" height="768" style="border: 1px solid #aaa; display: block; margin: 50px auto;"> 当前浏览器不支持canvas，请更换浏览器后再试 </canvas> <script> // canvas

2020-06-09 17:24:31 220

原创 html5 -- 拖放

首先，先了解一下拖放事件，运行以下代码，并结合控制台，你可以理解拖、放事件。<!DOCTYPE HTML><html><head> <style type="text/css"> #div1 { width: 530px; height: 300px; padding: 10px; border: 1px solid #aaaaaa;

2020-06-08 17:20:44 83

原创文字环绕效果

<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name=

2020-06-08 12:36:48 277

原创单行(多行)文字溢出以省略号显示

首先看单行<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <met

2020-06-08 11:36:40 584

原创 js-小方块运动（点击按钮加速）

<button style="width: 100px; height: 50px; background: linear-gradient(to left,#999, #000, #432, #fcc); position: fixed; right:0; top:50%; text-align: center; line-height: 50px; color: #fff; font-size: 25px; fon...

2020-05-22 10:08:30 443

原创 js-实现选项卡功能

<div class="wrapper"> <button class="active">111</button> <button>222</button> <button>333</button> <div class="content" style="display: block;">1111</div> &l...

2020-05-20 16:39:36 138

原创 js-小方块运动实例

2020-05-20 16:36:38 344

原创 js-数组的sort方法

1.能正确排列 var arr = [1,3,2,4,5]2.下面这段代码排序时发现不能正确排序原因是sort是按asc码排序var arr = [1,3,11,4,5]3.解决方法（1）升序排列 var arr = [1,3,11,4,5] arr.sort(function (a,b){ if (a > b){ return 1; }else{ return -1;

2020-05-17 23:15:38 88

原创 js-深度拷贝

<body> <script> var obj = { name : "abc", age : 123, card : ['visa','master'], wife : { name : "bcd", son : { name : "aaa" } } } var obj1

2020-05-16 18:53:25 98

原创 js-闭包应用之实现累加器

代码如下：<body> <script> function add(){ var count = 0; function demo(){ count ++; console.log(count); } return demo; } var counter = add()

2020-05-08 21:57:19 683

原创 js--for循环，while循环

for循环打印10以内整数<body> <script> for(var i = 0; i < 10; i ++){ document.write(i + " "); } </script></body>10以内整数相加<body> <script...

2020-05-05 17:51:44 155

原创 js-计算n的阶乘

方法一<script> // 计算n的阶乘 var n = parseInt(window.prompt('input')); //输入n的值 var mul = 1; for(var i = 1; i <= n; i++) { mul *= i; } d...

2020-05-02 00:06:00 2541 5

原创 js-打印100以内的质数

<body> <script> var count = 0; for(var i = 1; i < 100; i ++) { for(var j = 1; j <= i; j++) { if(i % j == 0){ count ++; ...

2020-05-01 23:42:59 461 1

qq_44867271的博客