06 2021 档案

JS轮播图练习，有bug但我不想改了
摘要：HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文
posted @ 2021-06-27 22:16 唯爱小喵 阅读(73) 评论(0) 推荐(0)
JS实现登录框拖动功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-25 18:39 唯爱小喵 阅读(94) 评论(0) 推荐(0)
JS特效放大镜效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-25 15:20 唯爱小喵 阅读(91) 评论(0) 推荐(0)
JS实现倒计时功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-24 10:54 唯爱小喵 阅读(194) 评论(0) 推荐(0)
JS动态生成表格
摘要：<style> .box { display: flex; justify-content: center; } table { width: 600px; text-align: center; border-collapse: collapse; border: 1px solid #000; 阅读全文
posted @ 2021-06-22 10:48 唯爱小喵 阅读(126) 评论(0) 推荐(0)
JStab栏切换
摘要：<style> * { margin: 0; padding: 0; } body { display: flex; justify-content: center; align-items: center; height: 100vh; } .box-tab { width: 620px; hei 阅读全文
posted @ 2021-06-22 10:47 唯爱小喵 阅读(219) 评论(0) 推荐(0)
JS简易的留言板，css写的比较随意
摘要：<style> * { margin: 0; padding: 0; } .box { margin: 100px 100px; width: 500px; } .words { width: 100%; } .words div { height: 50px; line-height: 50px; 阅读全文
posted @ 2021-06-22 10:28 唯爱小喵 阅读(138) 评论(0) 推荐(0)
仿新浪下拉框练习
摘要：虽然有BUG，但是先这样吧，下面还有一段，已经完善了 <style> ul { margin: 0; padding: 0; list-style-type: none; } a { position: relative; float: left; width: 100px; height: 40p 阅读全文
posted @ 2021-06-18 11:51 唯爱小喵 阅读(75) 评论(0) 推荐(0)
JS内置对象
摘要：// 封装随机数 function getRandom(max, min) { return Math.floor(Math.random() * (max - min + 1)) + min; } // console.log(getRandom(1, 100)); // 随机获取验证码 func 阅读全文
posted @ 2021-06-16 15:00 唯爱小喵 阅读(25) 评论(0) 推荐(0)
JS对象练习
摘要：// 1.创建电脑对象，电脑对象有关机和开机方法 // 2.创建三个学生对象，并且输出学生的学号、姓名、年级和年龄 // 3.创建一个水果对象，输出水果的种类，颜色，重量 function Compter(uName) { this.uName = uName; this.Colse = funct 阅读全文
posted @ 2021-06-11 10:58 唯爱小喵 阅读(372) 评论(0) 推荐(0)
JS函数练习
摘要：// 封装求和的函数 function getSum(num, num1) { return num + num1; } // console.log(getSum(8, 9)); // 封装一个求最大值的函数 function getMax(num, num1) { if (num > num1) 阅读全文
posted @ 2021-06-09 16:44 唯爱小喵 阅读(119) 评论(0) 推荐(0)
JS数组练习
摘要：// 2、var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]; // 要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组 // 数组去重 var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]; var 阅读全文
posted @ 2021-06-09 16:41 唯爱小喵 阅读(147) 评论(0) 推荐(0)
JS循环练习
摘要：// 利用for循环打印三角形 var str = ''; var str1 = ''; for (var i = 1; i <= 7; i++) { str += '★'; for (var j = i; j <= i; j++) { console.log(str) 阅读全文
posted @ 2021-06-08 11:24 唯爱小喵 阅读(90) 评论(0) 推荐(0)