自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 1223

原创 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 227

转载 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 125

原创 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 80 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 172

原创 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 79

原创 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 222

原创 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"> &lt

2021-06-03 09:21:10 72

原创 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 420

原创 用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 2800 1

原创 HTML列表标签与表格标签

HTML列表标签与表格标签一、表格标签table:表格标签 属性: border:边框线大小 width:表格的宽度 height:表格的高度 align:对齐方式 bgcolor:背景色 tr:行标签 td:单元格标签 单元格的合并: colspan:合并列 rowspan:合并行 thead:表头

2021-06-02 08:57:33 186

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除