苍狼之眼

js动画之缓冲运动

摘要：缓冲运动就是运动的速度与时间或者距离有关联，不是一般的匀速运动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>缓冲动画</title> <style> .animation{ background-colo 阅读全文

posted @ 2016-02-09 17:26 苍狼之眼阅读(232) 评论(0) 推荐(0)

js动画之简单运动二

摘要：透明度的变化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动画透明度</title> <style> .animation{ background-color: green; height: 100px; 阅读全文

posted @ 2016-02-09 11:50 苍狼之眼阅读(205) 评论(0) 推荐(0)

js动画之简单运动一

摘要：虽然现在css3已经有了很多动画效果希望后面有时间也写一些博客，但是先开始我们的基础动画的学习。1.制作动画常用的属性就是left,right,height,width,opacity等属性2.因为每个动画不一定都是匀速的，可能是加速或者更加复杂的，所以就会有缓存动画3.运动的物体，可能不只有一个，... 阅读全文

posted @ 2016-01-25 00:33 苍狼之眼阅读(970) 评论(0) 推荐(0)

css浏览器窗口大小

摘要： Window 尺寸有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览... 阅读全文

posted @ 2016-01-25 00:10 苍狼之眼阅读(3387) 评论(0) 推荐(0)

编程每一天

摘要：原文地址：http://kb.cnblogs.com/page/536779/只是希望自己也能学习这种好的学习方法去年秋天，我的个人项目似乎走到了尽头：我一直没能取得必要的进展，在不牺牲我的主业（可汗学院的全职工作）的情况下，我无法完成更多的个人编程事项。我个人项目上的工作始终存在着几个严重问... 阅读全文

posted @ 2016-01-24 23:10 苍狼之眼阅读(169) 评论(0) 推荐(0)

css定位之绝对定位

摘要：绝对定位可以做很多事情，如广告位，弹出框，遮罩层等一些功能css的定位方式：1.静态定位， 2.绝对定位(固定定位和绝对定位) ，3.相对定位绝对定位会受到影响的因素有1.属性的取值。2.元素偏移量3.元素偏移参照基准。绝对定位完全脱离标准文档流未设置偏移量时，都会按照已经定位（absolute,r... 阅读全文

posted @ 2016-01-24 00:20 苍狼之眼阅读(355) 评论(0) 推荐(0)

css定位之浮动定位

摘要：浮动定位可以是原本垂直排列的块级元素，变成水平排列1浮动元素 float:left 或者float:right 这些浮动会直接碰到父容器的边界为止。2设置了浮动的元素，元素会脱离标准文档流中，但是元素内容会仍然占据文档流中的空间 float定位 float:left 测试测试测试测试测试测试... 阅读全文

posted @ 2016-01-23 17:50 苍狼之眼阅读(226) 评论(0) 推荐(0)

css盒子模型层级3D图

摘要：作为前端开发工程师，大家都应该知道盒子模型。下面用一张图来表达3D盒子模型的层级关系大家可以看到background-color 在background-image的下一层。这个希望对大家有帮助阅读全文

posted @ 2016-01-23 16:47 苍狼之眼阅读(1070) 评论(0) 推荐(0)

css布局之三列布局

摘要：网站上使用三列布局的还是比较多的,不过三列和两列有些相似：1.自适应三列三列自适应布局 2.固定两列，自适应中间一列这个要考虑多种情况，我就遇见过下面的情况，大家可以看看三列两固定中列自适应布局测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测... 阅读全文

posted @ 2016-01-23 14:30 苍狼之眼阅读(195) 评论(0) 推荐(0)

css布局之两列布局

摘要：我们见过两列布局的网站也很多，不过这种两列布局的分为两种：自适应和固定宽度1.自适应两列布局两列之自适应布局高度其实在开发中是不要加入的，因为这里是为了更加好的展示这个demo所以设置了高度。这个demo就是自适应的，根据页面的的宽度自动调整左右两列的宽度，大家可以试试。2.下面是一个固... 阅读全文

posted @ 2016-01-23 12:06 苍狼之眼阅读(372) 评论(0) 推荐(0)