2016年07月_ssisse

转载 JavaScript document.cookie使用

JavaScript中的document.cookie的使用我们已经知道，在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么？“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。”—— MSIE 帮助。一般来说，Cookies 是 CGI 或类似，比 HTML 高级的文件、程序等创建的，但是 javascr

2016-07-23 16:04:01 1939 2

转载 CSS 滤镜 -webkit-filter 的介绍和使用

CSS3 滤镜 -webkit-filter 的介绍和使用大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。-webkit-

2016-07-22 14:07:54 2222

转载 30个最常用css选择器解析

30个最常用css选择器解析你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1. ** { margin: 0; padding: 0; }星状选择符会在页面上的每一个元

2016-07-22 14:03:01 324

转载 CSS display 属性

CSS display 属性定义和用法display 属性设置元素如何显示。语法：Object.style.display=valuePossible Values值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。i

2016-07-21 16:00:24 327

转载 jQuery 事件 - animate(),change(),stop(),finish()

jQuery 事件 - change() 方法定义和用法当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。注释：当用于 select 元素时，change

2016-07-21 11:32:33 3481

转载 dataTransfer 对象

dataTransfer 对象提供了对于预定义的剪贴板格式的访问，以便在拖曳操作中使用。DHTML元素属性列表属性描述dropEffect设置或获取拖曳操作的类型和要显示的光标类型。effectAllowed设置或获取数据传送操作可应用于该对象的源元素。方

2016-07-18 19:21:34 731

转载 CSS ::selection伪类选择器

CSS ::Selection大家都知道浏览器对选中的文本默认样式都是统一的，Windows下是一个深蓝色的背景，白字的前景，而在Mac下是一个淡蓝色背景，白色字体，就如上图所展示的一样，自从有了这个“::selection”选择器后，我们在部分浏览器中可以设置你所需要的样式，下面就让我来告诉大家如何使用这个“::selection”来改变在浏览器中选中文本后的背景色与前景色。

2016-07-18 16:00:58 2104 2

转载 JavaScript replace() 方法

JavaScript replace() 方法定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp,replacement)参数描述regexp必需。规定了要替换的模式的 RegExp 对象

2016-07-17 19:14:35 237

转载 CSS box-reflect倒影效果

2016-07-17 17:04:19 449

转载 CSS font-smoothing

CSS font-smoothing用于设置字体的抗锯齿或光滑度的属性。有3个值：1. “none” 用于小像素的文本；2. “subpixel-antialiased” 浏览器默认；3. “antialiased” 反锯齿，使文字看起来更清晰。

2016-07-17 16:40:22 481

转载 HTML iframe 用法小总结

iframe是框架的一种形式，也比较常用到,下面是对其在平时常用到属性的总结Iframe用法,下面是一个常规的列子其中:iframe用于设置文本或图形的浮动图文框或容器。 border设定围绕图文框的边缘宽度其中还有快读高度的设计scrolling=no 是否有滚动条（YES,NO,AUTO) src指定IFRAME调用的文件或图片(HT

2016-07-17 14:17:24 3158

转载 html <code> <pre>标签

HTML 标签定义和用法标签用于表示计算机源代码或者其他机器可以阅读的文本内容。软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来，对于大多数程序员和 W3School 的用户来说，这应该是十分熟悉的。只应该在表示计算机程序源代码或者其他机

2016-07-17 13:52:09 1806

转载 HTML 5 <progress>进度标签

HTML 5 标签定义和用法标签定义运行中的进度（进程）。可以使用标签来显示 JavaScript 中耗费时间的函数的进度。属性属性值描述maxnumber定义完成的值。valuenumber定义进程的当前值。

2016-07-17 13:18:55 649 1

转载内联元素和块级元素

div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。其实你需要知道的行内元素就是 span 和 a ，其他的行内元素，比如 strong、b、font 这些都是

2016-07-15 14:20:39 310

转载 CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mozilla（熟悉的有Firefox，Flock等浏览器）、WebKit（熟悉的有Safari、Chrome等浏览器）、Opera（Opera浏览器）、Trident

2016-07-14 20:15:49 960

转载 Jquery.ScrollLoading图片延迟加载技术

关于分屏加载图片，像天猫、京东等电商图片较多页面很长，就采用了延迟加载技术。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，随着页面的滚动，显示区域图片才被动态加载。原理其实很简单，默认标签中设置一个特别小的让人看不见的图片作为原始src路径，再自定义一个属性存放原图片路径，通过绑定滚动事件，检查当前元素是否在浏览器窗口中，然后替换src

2016-07-14 16:10:27 1306

转载触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达

2016-07-13 18:18:32 1614

转载 navigator.userAgent.indexOf来判断浏览器类型

navigator.userAgent.indexOf来判断浏览器类型function getOs(){ var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.ind

2016-07-13 15:53:48 1263

转载 CSS cursor 属性

2016-07-13 12:14:53 800

转载 jQuery 效果 - animate() 方法

jQuery 效果 - animate() 方法定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color

2016-07-12 20:36:12 588

转载使用CSS3 backface-visibility:hidden;属性制作翻转动画效果

使用CSS3 backface-visibility属性我们可以制作出许多有趣的动画效果。当你翻转一个元素的时候，你看到的是什么？通常情况下，我们应该看到的是元素的背面，这是正常的情况，但是有时候我们希望翻转一个元素后看到的是另一个元素。通过backface-visibility:hidden;属性，我们可以使一个元素在翻转之后消失，这是可以使用另一个元素放在它的背面，从而制作出一种元素翻转之后出

2016-07-12 14:47:54 6997

转载 CSS overflow 属性

CSS overflow 属性定义和用法overflow 属性规定当内容溢出元素框时发生的事情。可能的值值描述visible默认值。内容不会被修剪，会呈现在元素框之外。hidden内容会被修剪，并且其余内容是不可见的。scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto如果内

2016-07-03 20:54:56 511

转载 document.documentElement

document.documentElement和document.body区别介绍body是DOM对象里的body子节点，即标签； documentElement 是整个节点树的根节点root，即标签；没使用DTD情况即怪异模式BackCompat下：document.documentElement.clientHeight=0document.body.clientHe

2016-07-03 09:23:46 339

ssisse的博客