| | | |

2020年9月8日

摘要：存否和值选择器这些选择器允许基于一个元素自身是否存在（例如href）或者基于各式不同的按属性值的匹配，来选取元素。选择器示例描述 [attr] a[title] 匹配带有一个名为attr的属性的元素——方括号里的值。 [attr=value] a[href="https://example.co 阅读全文

posted @ 2020-09-08 11:47 勤劳的蚂蚁阅读(139) 评论(0) 推荐(0)

2020年9月2日

1 按钮实现图片放大缩小还原的方法

摘要： 1 3张不同大小的图片点击按钮切换不同图片代码： <div> <img src="安寒_副本.jpg" id="1">  </div> <script> function fangda(){ //点击切换大图 document.getElementById("1").s 阅读全文

posted @ 2020-09-02 15:22 勤劳的蚂蚁阅读(666) 评论(0) 推荐(0)

2020年9月1日

div 沾满剩余空间（不用js）

摘要： 1 需求： 1）这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2）橙色部分高度固定，比如100px 3）紫色部分填充剩余的高度实现功能图如下：利用position 定位代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF- 阅读全文

posted @ 2020-09-01 10:08 勤劳的蚂蚁阅读(680) 评论(0) 推荐(0)

2020年6月29日

一个按钮实现两张照片不同切换

摘要： 1 按钮实现两个图片不断切换代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="width: 500px ;height:350px ;"> <img 阅读全文

posted @ 2020-06-29 16:50 勤劳的蚂蚁阅读(829) 评论(0) 推荐(0)

2020年4月30日

css 画圆

摘要： 1 简单圆形 .circle { border-radius: 50%; width: 200px; height: 200px; backround-color:green /* 宽度和高度需要相等 */ } 2 渐变色圆形： @keyframes spin {from { transform: 阅读全文

posted @ 2020-04-30 08:34 勤劳的蚂蚁阅读(250) 评论(0) 推荐(0)

2020年4月25日

position的用法（top, bottom, left, right 四个定位属性配合进行使用）

摘要：一般情况下页面元素的定位方式是根据文档流也就是说默认的从上到下，从左到右的方式进行排列的，而将元素从文档流脱离出来显示的方式有两种，一种是 position 定位另一种是float 浮动，这里我们详细介绍下position的用法。 position 常用的四种属性： 1 static（默认属性）阅读全文

posted @ 2020-04-25 10:06 勤劳的蚂蚁阅读(5200) 评论(0) 推荐(0)

2020年4月23日

css 样式中 margin padding和top类定位的区别

摘要： 1 margin margin 是外边距的意思，是边框到外部另一元素之间的距离，允许使用负值语法结构： margin:5px auto; 意思上下为5,左右平均居中 margin-top: 20px; 上外边距 margin-right: 30px; 右外边距 margin-bottom: 30p 阅读全文

posted @ 2020-04-23 09:32 勤劳的蚂蚁阅读(892) 评论(0) 推荐(0)

2018年3月1日

overload 与override的区别

摘要： Override 是重写：方法名称、参数个数，类型，顺序，返回值类型都是必须和父类方法一致的。它的关系是父子关系Overload 是重载：方法名称不变，其余的都是可以变更的。它的关系是同一个类，同一个方法名，不同的方法参数或返回值 override与overload的特点 1. Override 阅读全文

posted @ 2018-03-01 09:52 勤劳的蚂蚁阅读(222) 评论(0) 推荐(0)

2018年2月27日

Javascript的作用域与闭包

摘要：作用域： 1.全局作用域所有浏览器都支持 window 对象，它表示浏览器窗口，JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。所以，全局变量是 window 对象的属性，全局函数是 window 对象的方法，甚至 HTML DOM 的 document 也是 w 阅读全文

posted @ 2018-02-27 11:33 勤劳的蚂蚁阅读(122) 评论(0) 推荐(0)

2018年2月25日

jquary 动画j

摘要： 1）点击 id为d1的正方体，将其后所有class为div1的正方体背景色设置为绿色。代码如下： <div class="div1" > </div> <div class="div1"> </div> <div class="div1" > </div> <div class="div1" i 阅读全文

posted @ 2018-02-25 15:58 勤劳的蚂蚁阅读(127) 评论(0) 推荐(0)