薇依 - 博客园

2018年12月12日

摘要：注意：Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 <canvas> 及其属性和方法。Internet Explorer 8 以及更早的版本不支持 <canvas> 元素效果图如下：实现代码：（代码中有相应注释介绍，比较好懂，如果实在阅读全文

posted @ 2018-12-12 19:15 薇依阅读(1364) 评论(0) 推荐(0) 编辑

2018年12月11日

HTML、CSS中浮动的影响及解决办法

摘要：首先，什么叫做浮动？通常情况下，元素都是按默认文档流排列，而浮动则是让默认文档流下的元素漂浮起来水平排列。浮动排列顺序不会发生改变，默认时谁在第一位，浮动时便排在第一个。但是给元素设置浮动后会带来一些影响：（1）在父级没有给高度的情况下，子级浮动，父级会没有高度（2）行内元素浮动后可支持宽高阅读全文

posted @ 2018-12-11 19:07 薇依阅读(935) 评论(0) 推荐(0) 编辑

2018年12月10日

canvas 画布绘制柱形图

摘要：数据动态获取 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <canvas width="800px" height="600px" style= 阅读全文

posted @ 2018-12-10 19:46 薇依阅读(236) 评论(0) 推荐(0) 编辑

HTML+CSS +JS 拼图（未优化版）

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css"> 7 #left, #right{ 8 width: 600px; 9 height: 阅读全文

posted @ 2018-12-10 19:37 薇依阅读(244) 评论(0) 推荐(0) 编辑

HTML+CSS +JS 轮播图

摘要： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <style> 7 #container{ 8 width: 450px; 9 height: 270px; 10 margin: 阅读全文

posted @ 2018-12-10 19:21 薇依阅读(202) 评论(0) 推荐(0) 编辑

利用input类型：range设置简单调色板

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>颜色跟随变化</title> <style type="text/css"> div{ width: 100px; height: 100px; border: 1px solid 阅读全文

posted @ 2018-12-10 19:14 薇依阅读(1077) 评论(0) 推荐(0) 编辑

javascript 基本介绍（初学者注意）

摘要： JavaScript早在1995年就被设计出来，它起初它叫LiveScript，是客户端脚本语言。 JavaScript用于做网页，js一定是写在html页面中的，特点：1）javascript不需要编译，边解释边执行，只需要一个解析器就可以运行； 2）多用于客户端（浏览器中自带解释器），可直接嵌入阅读全文

posted @ 2018-12-10 19:00 薇依阅读(128) 评论(0) 推荐(1) 编辑