Hash丶-优快云博客

转载 fullpage.js使用教程

jQuery全屏滚动插件fullPage.js分类：代码日期：2015-01-22点击(117,467)评论(166)演示下载简介如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显

2015-06-02 17:43:35 2146

转载对JSON的增删查改

原文地址：点击打开链接使用JS对Json数据的处理，项目遇到需要对Json数据进行相关操作，比如增删改操作，本以为会比较难，网上搜索下，发现还是比较简单的，贴一段代码： var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中

2015-05-17 21:52:07 876

原创百分比高度DIV如何垂直居中

问题：如何使百分比高度子DIV在父元素中居中？思路如下：引入一个中间DIV，使DIV成为目标DIV的父元素（即嵌套加深一层），且相对于目标DIV原本父元素 top:50%; ，然后再对目标DIV相对中间DIV width:100%;height:100%;top:-50%; ，即可完成垂直居中HTML代码如下： CSS代码如下：#b

2015-05-16 10:50:05 1523

原创百分比宽度div如何水平居中

HTML代码如下： CSS样式如下：#box{ position: relative;}#container{ position: absolute; width:30%; height:100px; background: #ccc;}关键点在于：需要水平居中元素的父元素需相对定位，本身则绝对定位，并给出left: 0;right: 0;mar

2015-05-15 15:34:21 5431

转载 scrollTop:页面垂直滚动的距离浏览器兼容代码

1、各浏览器下 scrollTop的差异IE6/7/8：对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度；对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ；Safari:safari 比较特别，有自己获取scrollTop的函数： w

2015-05-07 20:02:44 1344

转载 Chrome 控制台console的用法（提高js调试能力）

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上co

2015-04-07 21:53:27 550

原创 css textarea固定大小滚动条自动

width:300px;height:100px;resize:none;overflow:auto;

2015-04-07 16:31:54 1126

转载前端必读：浏览器内部工作原理

前端必读：浏览器内部工作原理本文转载自 http://kb.cnblogs.com/page/129756/　　目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　英文原文：How Browsers Work: Behin

2015-04-02 16:45:04 497

转载 JS BOM之location.hash详解

location.hash详解去年9月，twitter改版。一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为　　http://twitter.com/username改版后，就变成了　　http://twitter.com/#!/username在我印象中，这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。

2015-04-02 16:35:43 565

转载 JS BOM之location.hash的用法

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏网页

2015-04-02 16:30:43 799

原创 JS BOM之location对象

location 对象 location 是最有用的COM对象之一，它提供了与当前很粗昂口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；换句话说，window.location 和 document.location 引用的是同一个对象。以下是location的所有

2015-04-02 15:39:26 588

转载理解伪元素:Before和:After

理解伪元素 :Before 和 :After发布时间：2013-10-09 浏览次数：评论一下　　层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。　　你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章

2015-04-01 13:13:48 592

原创一个很简单的javascript问题，看你能否答对

0+"1"=?"0"+1=?1+2+"0"=?"0"+1+2=?以上四个js表达式计算结果分别是什么？

2015-03-09 23:45:04 439

个人IT博客