DW
WENROUbalance
这个作者很懒,什么都没留下…
展开
-
Echarts介绍
1. Echarts的介绍ECharts,缩写来自 EnterpriseCharts,商业级数据图表,是百度的一个开源的数据可视化工具,一个纯 Javascript 的图表库,能够在 PC 端和移动设备上流畅运行,兼容当前绝大部分浏览器。2. Echarts的特点:丰富的可视化类型折线图,柱状图,饼状图,k线图,散点图……提供了上百种图形(只有你想不到,没有他做不到)3. 特点:多种数据的支持Key-value数据支持二维表TypedArray格式4. 特点:流数据的支持超大的数据量流数据的渲染增量渲染技术原创 2021-11-17 14:44:14 · 2777 阅读 · 0 评论 -
响应式布局
正在上传…重新上传取消1.先创建一个html 2.写一个有序列表 3.用style写个样式,先给它一个宽高 4。再给它分每一份的宽度 5.最后浏览器查看就可以了原创 2021-11-08 19:19:41 · 110 阅读 · 0 评论 -
CSS定位
1.本例演示如何相对于一个元素的正常位置来对其定位。2.把下面图片中的代码打出来 相对定位会按照元素的原始位置对该元素进行移动比如,样式 "left:-20px" 从元素的原始左侧位置减去 20 像素,样式 "left:20px" 向元素的原始左侧位置增加 20 像素。效果图如下 3.本例演示如何使用绝对值来对元素进行定位。4.把下面图片中的代码打出来 通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。效果图如下 5.本例演示如何相对于浏览器窗口来对原创 2021-10-28 15:27:15 · 107 阅读 · 0 评论 -
HTML中制作一个圆
在导航栏中找到文件,选择新建 2.新建一个HTML文档 3.在body标签中放入div标签 4.在head标签中放入一个style标签 5.在style标签中选择到body标签中的div标签 6.在style标签中给div标签添加一个100px的宽度 7. 在style标签中给div标签添加一个100px的高度 8. 在style标签中给div标签添加一个背景颜色,打开浏览器查看,我们获得了一个正方形 9. 在style标签中给div标签添加百分之50的圆角效果,打开浏览器查看我们获得了一个圆原创 2021-10-18 08:57:47 · 2819 阅读 · 1 评论 -
五图轮播案例
首先我们创建一个HTML文件从外部引入css样式 2. 在HTML文件中将轮播的源代码打出,如下图 3. 之后在将轮播的小按钮源代码打出,如下图 4. 用a标签来作为轮播左右切换的箭头 5. css中当内容溢出框,超出部分隐藏,利用的代码为overflow:hidden(超出部分隐藏) 6. 在js中设置左右箭头点击切换图片,如下图 7. 在JS中设置轮播自动播放,如下图 8. 在JS中设置鼠标移入container容器时停止自动播放,如下图 9. 在JS中设置鼠标移出container容器时自动播放,如下原创 2021-10-11 16:24:42 · 287 阅读 · 0 评论 -
三级菜单案例
1.新建一个HTML文件如图 2.再观察已经完成的案例,将布局分为两大部分 3.再代入进源代码中,将自己所需要的布局以及注释写出 源代码效果为: 4.再通过<style></style>标签,直接在html文档中写出二级菜单的背景边框样式 5.再接着完成后续的样式内容 6.最后,为按钮添加鼠标移入伪类效果(hover) 最终效果呈现为: ...原创 2021-09-28 08:58:26 · 103 阅读 · 0 评论 -
HTML中移入与隐藏
1. 新建一个HTML文件,并引入css、JavaScript文件2. 在文件内放置一个div,设置类名为cont,并给些样式 3. 在div内放置button标签,将button(类名:btn)标签内容写成显示,并给些样式 4. 然后在下面放置table(id、类名:planTab)标签,并写入内容 5. 然后给table标签写些样式 6. 鼠标移入:在用封装函数在js文件内写入:function hoPlanTab()7. 先获取表格:var oTab = document.getElementBy原创 2021-09-19 08:22:49 · 554 阅读 · 0 评论 -
Css模型框
1. css模型框(Box Model)规定了元素框处理元素的内容,内边距,边框和外边距的方式。 2. css框模型概述 3. 元素框的最内部分内容是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景,内边距的边缘是边框,边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素 4. 内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使原创 2021-09-07 14:54:15 · 134 阅读 · 0 评论 -
DW中的变形与位移
变形—位移 translate()函数可以将元素向指定的方向移动,类似于position中的relative。或以简单的理解为,使用translate()函数,可以把元素从原来的位置移动,而不影响在X、Y轴上任何web组件。 translate我们分为三种情况: 1. translate(X,Y)水平方向或垂直方向同时移动(也就是X轴和Y轴同时移动) 2. translateX(X)仅水平方向移动(X轴移动) 3. translateY(Y)仅垂直方向移动(Y轴移动) 用法:transform:transl原创 2021-08-29 14:42:08 · 1060 阅读 · 0 评论