- 博客(16)
- 收藏
- 关注
RSS订阅原创 ❤ ❤html canvas面向对象的彩色小球❤ ❤
一、❤ ❤实现效果二、❤ ❤代码<!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=1.0">
2021-08-31 09:55:56
513
原创 ❤ ❤html canvas滑过连续炫彩小球（附源码）❤ ❤
一、❤ ❤实现效果在整个浏览器页面中，鼠标滑过会出现随机颜色的小球，由大变小，逐渐消失二、❤ ❤代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
2021-08-30 17:48:02
476
原创 ❤ ❤canvas面向对象的随机线性小球（附源码）❤ ❤
一、实现效果二、代码<!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=1.0"> <
2021-08-29 22:02:18
156
原创 ❤ ❤canvas画布检测碰撞小球❤ ❤
一、实现效果 ❤ ❤小球在规定的区域内自由碰撞，碰到墙壁后不会超出界限，会发生反弹二、实现思路❤ ❤首先创建画布<canvas id="can" width="500" height="500"></canvas>var can =document.getElementById("can");var ctx=can.getContext('2d'); 然后创建一个小球ctx.beginPath()ctx.arc(x,y,r,0,2*Math.PI
2021-08-29 12:23:10
330
原创 jquery.ajax实现点击数据，传数据到另一个页面
一、ajax实现点击传值1.点击进行跳转的页面，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-sca
2021-08-24 20:24:31
4045
原创 jquery实现千图网页面加载数据的刷新效果（数据淡出，带源码）
一、实现效果实现效果为，页面出现以后，向上滚动，浏览器窗口底部新出现的商品全部淡出二、思路1.首先获取所有的li标签2.设置window的scroll事件，在滚动事件中，使用each将每个li标签循环，当li标签距离浏览器可视窗口顶部的距离为700,或者某个距离时，给li标签添加淡出的效果添加动画的方式为添加类名，li标签距离可视窗口顶部的距离为，li标签距离文档流的顶部高度减去鼠标滚动的高度以下为整体代码三、代码需要引入jquery插件<!DOCTYPE html><
2021-08-24 19:44:52
254
原创 ❥jquery的ajax(wampserver)：使html页面数据通过json导入，使用端口号localhost请求打开
一、❥❥❥安装Wampserver，使用其发送请求1.安装Wampserver❥❥❥Wampserver作用：Wamp就是Windows Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。安装包，百度网盘链接：链接：https://pan.baidu.com/s/1MYwtZ
2021-08-18 20:27:24
1010
原创 jquery全选反选功能
代码使用jquery超简洁代码实现点击按钮，全选，反选功能代码<script> //全选/取消全选 $("#all").click(function(){ $(":checkbox").prop("checked",true); })//反选$("#reverse").click(function(){ $(":checkbox").each(function(i,e){ $(e).prop("checked",!$(e).prop
2021-08-16 10:49:48
1481
原创 Html5的Canva绘制动态时钟显示当前时间！！！（附源码）
前言canvas设计一个显示当前时间的时钟实现情况思路想让canvas绘制的东西动起来，最直接的办法就是不停的进行重绘，可能刚开始有些人会担心效率的问题，害怕代码过长冗余，可读性差的问题，实际上将绘制目标封装在函数中，然后放置函数在定时器中，每秒钟调用一次就可以实现 ，首先是创建绘画环境var canvas = document.getElementById("canvas");var context = canvas.getContext('2d');获取当前系统时间，使用的是Data
2021-08-13 10:12:19
1073
原创 模仿淘宝首页html+js+css（附带源码）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、实现效果截图二、代码1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、实现效果截图示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、代码1.引入库代码如下（示例）：
2021-08-06 19:34:06
13409
17
原创 javascript趣味钢琴小游戏（附源码）js+css+html
文章目录源码钢琴小游戏一、代码html代码css代码实现思路源码链接：https://pan.baidu.com/s/1_e4uBrbw2AkjwStXHygc2Q提取码：pvy7钢琴小游戏该游戏玩法为：点击中间的按钮，歌曲转盘开始滚动，随即抽到一首歌，抽到的歌曲弹出歌单，底部的黑白钢琴可以弹奏音乐一、代码html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"
2021-08-06 15:56:35
3154
4
原创 流式布局之javascript实现照片瀑布流以及Macy.js插件实现瀑布流
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录瀑布流的定义一、实现效果代码首先是用javascript自己手写代码实现照片瀑布流使用插件Mary.js照片流插件实现照片瀑布流总结瀑布流的定义瀑布流是什么?1、琳琅满目：整版以图片为主，大小不一的图片按照一定的规律排列。2、唯美：图片的风格以唯美的图片为主。3、操作简单：在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前有一个软件叫瀑布流。4.瀑布流又称瀑布流式布局，是比较流行的一种网站页
2021-08-06 14:19:46
1870
3
原创 javascript猜数字游戏，随机数猜数字
思路：获取输入框中输入的值使用随机函数 var input1=document.getElementById(“shuru”).value;使用随机函数random获取随机数,将这两个数使用if语句进行对比，consol.log后台打印猜数的结果实现界面一、代码html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi
2021-08-05 21:02:47
1100
1
原创 ❤ ❤微信小程序：数据库查询实现导航栏切换❤ ❤
实现原理：文章目录完整代码一、pandas是什么？二、使用步骤1.引入库2.读入数据总结完整代码提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as
2021-08-05 09:43:40
889
2
原创 javascript实现对表格的增删查改搜索功能（附带源码！！！）
文章目录前言一、实现背景二、实现情况（1）搜索（2）全选，反选（3）删除功能：（4）新增（4）修改功能总结前言javascript+css+html实现表格的增删查搜索改功能一、实现背景制作简单的表单增删查改模板，以后每次项目中需要使用到时，直接复制粘贴使用即可二、实现情况（1）搜索1.搜索功能：可以进行模糊查询，与输入的内容存在相同部分的表格背景颜色会变成红色2.代码`//搜索功能,模糊查询 var search_btn=document.getElementById("s
2021-08-05 09:38:04
4579
1
原创 javascript实现简洁的计算器（附带源码！！！）
文章目录实现界面一、代码二、笔记总结实现界面一、代码<
2021-08-03 09:57:48
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人