- 博客(10)
- 收藏
- 关注
RSS订阅原创 系统过一遍 JS（三）案例
要求：让用户输入年龄，如果年满18岁，就提示用户可以进入网吧，如果未满18岁，则提示还有几年满18岁，可以进入网吧。思路：设置 age 变量，保存用户输入的年龄；判断 age ，如果 >= 18 ，则提示用户可以进入网吧；如果 < 18，则提示用户还有几年能进入网吧。 year =（18 - age）。var age = prompt('请输入您的年龄？');var...
2020-05-01 10:36:14
795
原创 系统过一遍 JS（三）
分支语句if … else …if (条件表达式) { // 如果表达式成立 的执行语句} else { // 如果表达式不成立 的执行语句}if () … else if () … else …：适用于条件多且是取值范围的判断if (条件表达式1) { // 如果表达式 1 成立 的执行语句} else if (条件表达式2) { // 如...
2020-04-29 15:28:15
160
原创 系统过一遍 JS （一）（二）案例
变量的使用弹出一个输入框，提示用户输入姓名。弹出一个对话框，输出用户刚才输入的姓名。// 1.var name = prompt('请输入您的姓名');// 2.alert('您刚才输入的姓名是：' + name);交换变量PS：使用一个临时变量，用来做中间值的存储。var num1 = 1, num2 = 3, temp;temp = num1;num1 ...
2020-04-29 11:34:17
266
原创 系统过一遍 JS（二）
算术运算符PS：浮点数运算时会出现问题，尽量不要用小数参与运算" + " 加号var num = 1 + 1;console.log(num); 结果是：2" - " 减号var num = 3 - 1;console.log(num); 结果是：2" * " 乘号var num = 1 * 2;console.log(num); 结果是：2" / ...
2020-04-28 19:08:22
116
原创 系统过一遍 JS（一）
输入输出语句：alert(msg): 浏览器弹出警示框alert('这是浏览器弹出的警示框');console.log(msg): 浏览器控制台打印输出信息console.log('这是浏览器控制台打印的信息');prompt(msg): 浏览器弹出输入框，用户可以在此输入信息prompt('可以在这里输入信息，比如：你的名字是？');通常都会设置一个变量保存...
2020-04-28 12:31:30
145
原创 animation 模仿心脏跳动 ~
之前 论 CSS 实现各种形状 一文里有写 “ 爱心 ” 的画法，这次写一篇 “ 爱心 ” 模拟心脏跳动的画法，效果图如下：首先先写 html<div class="back"> <div class="love"></div></div>背景的样式，注意，这里背景是白色的。.back { position: fixed; to...
2020-04-24 23:02:56
1213
原创 用 CSS 画个企鹅呀 ~
html<div class="penguin"> <!-- 头部 --> <div class="penguin-top"> <!-- 脸 --> <p class="left-beak"></p> <p class="right-beak"></p> <!-- 眼睛 --...
2020-04-23 22:58:00
330
1
原创 论用 CSS 实现各种形状
（一）三角形html<div class="triangle"></div>css.triangle { width: 0; border: 50px solid red; border-color: red transparent transparent;}解析：先用边框画一个正方形，然后把其他3面的颜色变成透明；其他三角形都类似。（二）扇形h...
2020-04-23 20:59:03
218
转载 浅谈 HTML 布局（二）
此文章只是为了让自己能更规范学习以及学会总结，并且让复习的时候不至于无从下手，都是从别的地方摘抄经过自己的总结所写，底部会附上摘抄的路径，如果看不明白我的文章，可以看看原文写的，如果有什么地方不正确，也欢迎小伙伴指出，大家一起学习~~一、三栏布局 - 圣杯布局要求：三栏布局 左右固定 中间自适应，不过中间列要写在前面保证优先渲染。HTML 代码<!-- 圣杯布局 middle 最...
2020-04-23 18:50:13
174
转载 浅谈 HTML 布局（一）
此文章只是为了让自己能更规范学习以及学会总结，并且让复习的时候不至于无从下手，都是从别的地方摘抄经过自己的总结所写，底部会附上摘抄的路径，如果看不明白我的文章，可以看看其他人写的，如果有什么地方不正确，也欢迎小伙伴指出，大家一起学习~~一、两栏布局要求：垂直两栏，左边固定右边自适应。HTML 代码<div class="outer outer1"> <div cla...
2020-04-23 10:48:59
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人