Web
关注
分享
扫一扫
文章平均质量分 87
前端
LuckyQLF
这个作者很懒，什么都没留下…
展开
-
原生JS函数实现奇数相加求和
原生JS函数实现奇数相加话不多说，直接展示！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function sum(n){ var m=0; for(var i=1;i<=n;i=i+2) {原创 2020-11-22 22:23:31 · 1559 阅读 · 0 评论 -
CSS实现的照片动态移动动画效果
CSS动画效果美不美看效果咋也不知道，咋也不敢问！效果如下：HTML部分代码： <div class="img"> <div class="img_in"> <img src="../assets/images/1.jpg" > <img src="../assets/images/2.jpg" >原创 2020-10-22 22:49:39 · 1842 阅读 · 0 评论 -
你能看得懂的二级水平导航菜单教程~v~
你能看得懂的二级水平导航菜单教程~v~1.先布局HTML2.CSS样式实现3.全部代码4.小结1.先布局HTMLhtml代码如下：<ul> <li><a href="">首页</a></li> <li><a href="">课程</a> <ul> <li><a href="">语文</a></li> <li&g原创 2020-10-24 17:11:21 · 4814 阅读 · 3 评论 -
实现呼吸灯效果
实现呼吸灯效果具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ box-sizing: border-box; } article{ width: 230px; height: 330px; background-color:原创 2020-10-18 11:48:27 · 716 阅读 · 0 评论 -
Vue+Element-ui实现的同学录
VUE+Element-ui实现的同学录同学录介绍效果展示代码实现VQ小总结同学录介绍随着社会发展，对于记忆的保存还是蛮重要的，毕竟也是曾经经历过得，也值得怀念，值得我们去回忆。效果展示这是代码完成实现的效果可以填写里面的信息点击添加到下面表格里代码实现代码就不解释了，能看得懂就看，看不懂欢迎留言咨询，我定当给你解决哈哈哈！！！<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2021-05-27 22:46:22 · 442 阅读 · 1 评论 -
Vue实现的一个简单的Demo
一个你可以看得懂的Demo二话不说先看效果！解释一下吧，实现的效果！Punch可以控制红色进度条，Restart就是重新开始。嘻嘻嘻~~~~~，进度条小于等于0时颜色发生Turn down…懂的都懂！！！是时候上才艺了：HTML代码<div id="app"> <div class="bug" :class="{turn:use}"> </div> <div class="bottom"原创 2020-11-08 11:27:52 · 687 阅读 · 2 评论