![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人demo
记录一些个人demo的案例
菜鸟猪猪侠yy
这个作者很懒,什么都没留下…
展开
-
用js实现简单刮美图
详情都在注释中。可以实现图片的随机切换直接上代码:<!-- 作者:offline 时间:2021-09-22 描述:下列为需要用到的知识点: 1.canvas(图像的绘制,文本的绘制,定位) 2.随机函数Matah.random---向上取整ceil 3.4个事件--(onmousedown,onmousemove,onmouseup,onLoad) 4.鼠标事件对象的两个属性(pageX,pageY 用于获取鼠标的位置)原创 2021-09-22 15:50:22 · 164 阅读 · 0 评论 -
简易轮播图
轮播图文章目录轮播图1.代码(jquery+html+css)2.效果图1.代码(jquery+html+css)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> html, body { height: 100%; } *原创 2021-09-16 14:55:22 · 280 阅读 · 0 评论 -
基于js、html、css的一个购物车
本文是参考他人博客修改并添加自我理解的注释的一个文档,其他之处没有太多修改。通过本文让自己明白实现一个项目的思路。感觉这个博主的思路真的很清晰。值得借鉴html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link href="css/shop.css" rel="stylesheet" /> .转载 2021-06-14 13:26:39 · 404 阅读 · 0 评论 -
js实现web分页
web分页的实现html+css+js,代码如下:<!DOCTYPE html><html><!--之前:点击下一页:老是出现下一页移至第二行,是因为page的长度不够,因为,每个小方块的数字由单个变为双个,数字被撑大,所以如此--> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.js"原创 2021-06-18 11:50:17 · 559 阅读 · 0 评论 -
js实现简易记事本
基于js、html、css的简易记事本html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=原创 2021-07-13 16:56:07 · 986 阅读 · 1 评论 -
js实现时钟
用js写一个时钟我这个是仿造别人写的。当我拿到别人代码的时候有很多地方都不明白为什么要这么写。但通过自己一步步分析,加深百度最后终于解决了问题。就是关于canvas的save()和restore()还是有点不明白。虽然看了解释但还是没能真正体会它的用处,可能后续还需要多加体会才能够理解吧。虽然这是仿造别人的,但是我希望通过写下这个博客来记录自己的学习经历。希望大家多多指教。代码部分,其中都有详细的解释。<!DOCTYPE html><html lang="en">翻译 2021-07-11 20:42:03 · 3717 阅读 · 0 评论