- 博客(11)
- 收藏
- 关注
原创 JS实现图片动画效果练习
代码:<!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"> <title
2021-06-11 09:31:51
1272
原创 JS实现省市联动
效果图:代码:<!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"> &l
2021-06-11 09:25:27
327
转载 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-scale=1.0">
2021-06-10 08:46:08
170
原创 JS基础练习(4)
练习:使用JS完成简易计算器效果图:<!DOCTYPE html><html> <head> <title> 事件</title> <script type="text/javascript"> function count() { var num1 = document.getElementById("txt1").value; var num2 = document.getEl
2021-06-09 16:13:20
151
1
原创 JS基础练习(1)
练习一:用户输入一个三位数,弹出各个数位的和。比如:用户输入155,就弹出11,用户输入316,就弹出10,用户输入989,就弹出26,用户输入678,就弹出21效果图:练习二:大家从小到大,都玩儿过的一个庸俗的游戏:游戏玩儿法就是,大家轮流报数,如果报到能被7整除的数字,或者尾数是7的数字,都算踩地雷了。就应该罚唱歌。请在控制台输出1~60之间的所有“安全数”。比如:1、2、3、4、5、6、8、9、10、11、12、13、15、16、18、19、20、22、23、24、25、26、29、3
2021-06-07 15:29:50
243
原创 JS基础练习(2)
练习一:使用While循环计算出100以内奇数相加之和。效果图:练习二:使用for循环打印99乘法表(在页面内输出可用“document.write(‘’);”)。效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g
2021-06-07 15:25:30
151
原创 JS基础练习(3)
练习一:编写函数,实现求圆面积从页面输入圆半径,在控制台中打印出圆面积。效果图:练习二:编写一个判断某个非负整数是否能够同时被3,5,7整除的函数,然后在页面上输出1~1000之间所有能同时被3,5,7整除的整数提示:document.write()可在页面输出自定义内容效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"..
2021-06-07 15:21:10
309
原创 2021-06-03
创建一个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-scale=1.0"> <
2021-06-03 09:21:10
119
原创 CSS 五彩导航
预计实现效果鼠标放至某一块上时,变换为另一种颜色思路:1.五个a 标签实现,把a标签转换为行内块模式2.使用a:hover 伪类选择器3.对盒子进行原始背景定义4.使用line-height < height 实现文字垂直居中在图片中央(视觉上)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五彩导航
2021-06-03 09:09:42
508
原创 用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-scale=1.0"> <title&g
2021-06-02 10:59:54
2958
1
原创 HTML列表标签与表格标签
HTML列表标签与表格标签一、表格标签table:表格标签 属性: border:边框线大小 width:表格的宽度 height:表格的高度 align:对齐方式 bgcolor:背景色 tr:行标签 td:单元格标签 单元格的合并: colspan:合并列 rowspan:合并行 thead:表头
2021-06-02 08:57:33
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人