2016年8月18日

摘要: CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外, 阅读全文
posted @ 2016-08-18 10:48 彭万兴 阅读(114) 评论(0) 推荐(0) 编辑
 

2016年5月22日

摘要: 思路一: 双层循环,外层循环元素,内层循环时比较值 如果有相同的值则跳过,不相同则push进数组 思路二:利用splice直接在原数组进行操作 双层循环,外层循环元素,内层循环时比较值 值相同时,则删去这个值 注意点:删除元素之后,需要将数组的长度也减1. 思路三:利用对象的属性不能相同的特点进行去 阅读全文
posted @ 2016-05-22 23:25 彭万兴 阅读(131) 评论(0) 推荐(0) 编辑
 

2016年5月8日

摘要: 查了很多资料关于回调函数,但是都太复杂,看到这个解释还比较简单明了,就记录了下来: A "callback" is any function that is called by another function which takes the first function as a paramete 阅读全文
posted @ 2016-05-08 21:34 彭万兴 阅读(96) 评论(0) 推荐(0) 编辑
 

2016年5月2日

摘要: 关于offset共有5个东西需要弄清楚: 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight (1)offsetWidth也就是元素的可视宽度,这个宽度包括元素的边框(border),水平padding,垂直滚动条 阅读全文
posted @ 2016-05-02 18:21 彭万兴 阅读(239) 评论(0) 推荐(0) 编辑
 

2016年4月24日

摘要: 首先我们先来弄清楚思路: 第一步:我们想让图片动起来(此时需要一个计时器来控制每隔多少秒切换图片),我们要思考通过什么方式来切换图片,无非就是每隔一段时间图片的地址发生了变化 第二步:此时我们需要将按钮与图片绑定起来 第三步:我们需要给图片添加鼠标移入和移出的事件。 下面我们来书写代码 阅读全文
posted @ 2016-04-24 14:40 彭万兴 阅读(393) 评论(0) 推荐(0) 编辑
 

2016年4月3日

摘要: W3C HTML 4.01 规范规定,alt 属性指定了在 User Agents 不能显示图片、表单和 applets 的时候显示的替换文字。alt 属性在 IE6 IE7 IE8(Q) 下具有双重意义。在给 IMG、AREA、INPUT[type=image] 元素设置的 alt 属性值不但可以 阅读全文
posted @ 2016-04-03 22:11 彭万兴 阅读(267) 评论(0) 推荐(0) 编辑
 
摘要: 当我们用img标签连续插入多张图片的时候,图片和图片之间会出现缝隙,通常我们的做法是用DIV将图片包起来进行浮动来解决这个问题,但是还有一种解决方法是在img的父级元素里面设置font-size:0来消除用img标签插入的图片之间的缝隙。 阅读全文
posted @ 2016-04-03 22:00 彭万兴 阅读(506) 评论(0) 推荐(0) 编辑
 

2016年3月27日

摘要: BFC:块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。 BFC的生成 既然上文提到BFC是一块渲染区域,那这块渲染区域到底在哪,它又是有多大,这些由生成BFC的元素决定,CSS2.1中规定满足下列 阅读全文
posted @ 2016-03-27 23:25 彭万兴 阅读(122) 评论(0) 推荐(0) 编辑
 
摘要: 前几天在是写网页的时候发现input可以设置宽高,很疑惑,上网查了之后发现: 简单的认为 input 就是 inline 元素是片面的。元素默认以何种 display 属性值显示出来,这个其实更多的时候是由浏览器决定的(不同浏览器的差异性,导致我们需要 reset CSS),下面是部分浏览器 inp 阅读全文
posted @ 2016-03-27 23:15 彭万兴 阅读(252) 评论(0) 推荐(0) 编辑
 

2016年3月19日

摘要: 在练习表单的过程中,使用<textarea>时,遇到2个问题: 1、文本开始前有好多空格。 原来的代码是这样的: <textarea row="20" col="30"> 我是谁 </textarea> 修改之后好了,代码是这样的: <textarea row="20" col="30">我是谁</ 阅读全文
posted @ 2016-03-19 23:01 彭万兴 阅读(405) 评论(0) 推荐(0) 编辑