联想实训第三周

2022.5.29

1.form 表单进行提交时，必须有个onsubmit事件，里面有个校验函数，并且这个函数必须由返回值返回为true时，才能提交上去。返回为false，提交失败

2.var obj = new Object(); Object()是对象构造，里可以任意传参，可以传数值、字符串、布尔值等。

3.html构建地图

(1).打开“百度地图生成器”的网址：http://api.map.baidu.com/lbsapi/creatmap/index.html

(2).在定位中心点中，切换城市，并查找具体位置

(3).在设置地图中，可以按照自己的喜好修改地图的外观

(4).添加标注中，可以添加自己想要标注的位置和信息

(5).在“第二步获取代码”中，点击“获取代码”按钮，就会弹出根据上面的设置生成代码

(6)把上一步生成的代码保存为html文件（我这里保存为map.html），在浏览器中打开就可以看到自己定义的百度地图了。

如果要把地图添加到现有的网页中，可以使用iframe标签，如：

4.修改网站图标<link rel="icon" href="test.ico" >

5.html变色效果

(1).background: linear-gradient（偏向角度,起始点颜色,终止点颜色）
background: linear-gradient（ top, left, bottom, center, right.）

(2).实例代码

s<html>
<head>
<title>xcSharp博客</title>
<style type="text/css">
.changeColor{
animation-name: anim1;
animation-direction: alternate;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-duration: 10s;
}

@keyframes anim1{
0% {
background: linear-gradient(1deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);//背景色
color:white; //文字颜色
}
25% {
background: linear-gradient(60deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
color:orange;
}
50% {
background: linear-gradient(120deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
color:black;
}
75% {
background: linear-gradient(60deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
color:blue;
}
100% {
background: linear-gradient(1deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
color:white;
}
}
</style>
</head>
<body>
<div class="changeColor">xcsharp博客</div>
</body>
</html>

posted @ 2022-05-29 18:35 李二佳阅读(34) 评论(0) 收藏举报

刷新页面返回顶部

联想实训第三周

公告