- 博客(16)
- 收藏
- 关注
RSS订阅原创 实现每次刷新或是重新登录页面背景图的随机更换
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面每刷新一次，加载不同的背景图片</title> <style> #changebg{width: 964px;height: 460px;margin: 0 auto;} </style> </head> <body> ..
2020-12-16 10:20:52
854
原创 html+css+bootstrap网页布局学习Day6
响应式布局：可以为不同终端的用户提供更加舒适的界面和更加友好的用户体验，而且随着目前大屏幕移动设备的普及，越来越多网站采用这个技术响应式设计一定是最佳选择吗？如果预算充足且形式需要，做一个真正的“手机版”网站是首选。因为响应式设计没有专门设计一个手机版网站的功能多，比如获取当前用户的GPS定位，只是用响应式设计会很难实现。但如果只是根据视口额大小为用户提供匹配的视觉效果还是优先选择响应式设计。优点：面对不用分辨率设备灵活性强。 能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大
2020-12-12 13:28:15
147
原创 html+css+bootstrap网页布局学习Day5
伸缩盒模型：flexbox要开启弹性盒模型，只需要设置display的属性值flex,因为他是 css3中dislplay新添加的值的类型。目的：在浏览器窗口变化时候i，盒子相应改变大小。设置了弹性盒模型后，float，clear盒vertical-align在flex中不起作用。父容器中常用属性 display：flex定义一个flex容器设置父元素是一个弹性盒，子元素会自动水平排列。 justify-content：flex-end；设置或检索弹性盒子原不俗在...
2020-12-07 08:44:04
175
1
原创 网页轮播图的实现
网页轮播图的实现实现原点切换图片，图片无缝衔接播放，左右按钮切换图片等功能，较为完善。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link href="css/egg.css" type="text/css" rel="stylesheet"> <script
2020-12-04 15:24:52
1084
原创 html+css+bootstrap网页布局学习Day4
浏览器的私有前缀根据不同的浏览器内核，css前缀会有不同。最基本的浏览器内核有如下四种，其她内核都是基于此四种进行在研发的。1.gecke内核 前缀为 -moz- 火狐浏览器2.webkit内核 前缀为 -webkit- 谷歌浏览器/safari3.trident内核 前缀为 -ms- ie内核4.presto内核 前缀为 -o- 目前只有opera/* 在实际使用中 通常将所有的前缀写一遍，标准的写在最后 */ google -webkit-animation: ; opera-o-
2020-12-03 17:29:45
121
原创 html+css+bootstrap网页布局学习Day3
今日完成效果：头部、logo、导航栏内容的添加。此处应该使用js来实现，暂用css的hover。红框内容的实现，它是一个div，父级为核心产品的div。把它 定位为绝对定位 position：absolute；display:none;当鼠标悬浮在父级上则显示三角形的是采用iconfun 中的元素完成，有类似边框效果是使用了阴影。text-shadow: 1px -1px #CCCCCC , -1px -1px #CCCCCC;每一个课程为一个div，<div id="bo
2020-12-02 17:11:50
133
原创 html+css+bootstrap网页布局学习Day2
仿写网站：学习猿地命名必须简单易懂，不要写“a”“b”之类的，尽量使用“content_left”一类的。先写div就像垒砖头一样。想要div并排必须使用float。这一图片布局采用的是定位。position：absolute；因此，父级的div也要使用定位position：relative，否则，该图片定位参考坐标为body（0，0）！下划线方法：border-bottom: #0000FF 3px solid;实现与下划线距离padding-bottom: 5px;去除li标签的
2020-12-01 17:20:47
85
原创 html+css+bootstrap网页布局学习Day1
float：不设置float之前<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ width: 600px; height: 600px; background-color: deeppink; } #box>div:first-child{
2020-11-30 17:20:35
150
原创 html+css+bootstrap网页布局学习计划
学习目标：上次自己写布局，感觉自己的网页布局欠缺，仍需加强。目标：一周精通网页布局学习内容：1、 盒子模型深入学习2、 position的学习使用3、 bootstrap的使用4、 响应式学习时间：1、 周一至周五晚上 7 点—晚上9点2、 周一至周五早上 9 点—下午5点3、每天记录学习DayXX学习产出：一个仿写的 学习猿地网站首页。一个自己写的购物网站首页。...
2020-11-30 16:16:27
162
原创 echars在地图上显示icon图标
整个demo：https://pan.baidu.com/s/1DwiU-j9xoABluXcM5UKxAA提取码：e4q2效果如下：注意要点：替换为https://geo.datav.aliyun.com/areas_v2/bound/450200_full.json icon的实现主要代码段：{ name: "运输车分布", type: 'custom',//配置显示方式为用户自定义
2020-11-27 13:58:13
538
原创 echars只显示地级市地图
在eachars地图选择器搜索“柳州市地图”http://datav.aliyun.com/tools/atlas/#&lat=25.03233374930737&lng=109.38271650825568&zoom=8.5选择包含子地图，否则没有地区之间的划分。点击浏览保存该json文件我的demo中命名为 “geojson.json”在html文件中引入 echars、jquery定义一个div显示地图<script type="text/javascrip
2020-11-27 09:42:04
711
原创 Js入门_强制数据类型转换
boolean()类型的强制转换将别的数据类型转化为Boolean类型var tep= boolean(1);//弹窗为truevar tep= boolean(-1);//弹窗为truevar tep= boolean(0);//弹窗为falsevar tep =boolean("");//弹窗为falsevar tep=boolean("aa");//弹窗为truevar tep= boolean(null);//弹窗为falsevar tep= boolean(undefined)
2020-11-16 11:49:49
79
原创 JS入门_自动数据类型转化
算数运算符任何类型的数据类型和字符类型数据做相加操作的时候，其他数据类型会自动转化为字符串类型。字符串拼接，此时的相加操作不再是数学意义上加法，而是表示拼接的意思。 var tep="你"+"好"; alert(tep); /* 弹框为 你好*/ var tep="你"+120; alert(tep); /* 弹框为 你120*/ var tep=true+"好"; alert(tep); /* 弹框为 true好*/ var tep="你"+null; alert(
2020-11-16 10:54:47
67
原创 JS入门学习-变量详解
JS入门学习-变量详解JS的数据分为两大类1基本数据类型2复合数据类型变量,值可以改变的叫做变量标识符JS的数据分为两大类1基本数据类型Number数字 100 3.14字符串 string 所有单引号/双引号布尔值 Boolean true false特殊数据类型 null空 defined未定义2复合数据类型变量,值可以改变的叫做变量声明变量 通过关键字 var（1）声明变量的时候同时给变量赋值进行初始化（2）变量赋值 var age=20；(3) 可以
2020-11-16 10:21:24
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人