![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
快乐小demo
火腿肠烧烤大赛冠军
F=-F
展开
-
快乐小demo-Vue实现todoList 记事本
实现功能:存储数据至浏览器适配各种手机屏幕炫酷动态效果核心代码:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-原创 2020-10-14 23:53:07 · 317 阅读 · 2 评论 -
快乐小demo-基于Vue的在线播放音频软件
在线播放音频:效果截图:实现:实时获取音乐列表:歌曲详情的获取和播放:评论的获取:mv的获取和播放:代码:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta htt原创 2020-10-12 10:05:57 · 484 阅读 · 1 评论 -
快乐小demo-JS实现轮播图(淘宝版)
图片链接需要自行更换注释清晰 欢迎问答及指正代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0;原创 2020-09-22 22:02:45 · 190 阅读 · 0 评论 -
快乐小demo-利用JS圆周运动实现钟表
这里是圆周运动呀 并不是网上很多的角度旋转代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-09-19 14:56:53 · 150 阅读 · 0 评论 -
快乐小demo-JS实现轮播图(淡入淡出版)
轮播图的实现里面的图片需要自己添加src代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g原创 2020-09-18 10:47:44 · 87 阅读 · 0 评论 -
快乐小demo-JS实现烟花特效(程序员表白必备)
效果如图(动态效果自行执行)代码如下直接cv即可(欢迎指正)不懂的地方也可以评论问我<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&原创 2020-09-17 17:55:36 · 3412 阅读 · 0 评论 -
快乐小demo-JS实现圆周运动
代码如下r为大⚪半径speed为速度也可以通过下面定时器的时间来设置注意speed不要设置可以被360整除的数字否则会一直重复成若干点无法形成圆周<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2020-09-16 22:02:38 · 124 阅读 · 0 评论 -
快乐小demo-JS实现图片的淡入淡出
JS实现图片的淡入淡出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"&g原创 2020-09-16 11:50:04 · 113 阅读 · 0 评论 -
快乐小demo-利用JS实现自由落体事件
利用JS实现自由落体理解重点:每次降落到底部判断一次speed是否为0如果是则结束代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl原创 2020-09-16 08:53:37 · 170 阅读 · 0 评论