2013年07月_hdchangchang

转载关于js 中的 this

this 的工作原理JavaScript 有一套完全不同于其它语言的对 this 的处理机制。在五种不同的情况下，this 指向的各不相同。全局范围内this;当在全部范围内使用 this，它将会指向全局对象。译者注：浏览器中运行的 JavaScript 脚本，这个全局对象是window。函数调用foo();这里 this 也会指向全局

2013-07-27 12:14:48 638

转载 JS的Document属性和方法

Document属性：document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlin

2013-07-12 15:39:40 612

原创 css3 box-shadow

box-shadow 特效1：单边阴影参考：http://www.w3cplus.com/node/210box-shadow 特效2：各种立体效果http://www.w3cplus.com/solution/css3box/css3box.htmlhttp://www.w3cplus.com/css3/box-drop-down-shadow-with-css3

2013-07-12 15:39:14 755

转载 ps中参考线的使用技巧

在做网页设计的是很好经常用到ps中的参考线1、当你在拖动参考线时，按下Alt键就能在垂直和水平参考线之间进行切换。按下Alt键，点击当前垂直的水平线就能够将其改变为一条水平的参考线，反之亦然。注意：参考线是通过从文档的标尺中拖出而生成的，因此请确保标尺是打开的[Ctrl+R]（视图>标尺）2、按下Shift键拖动参考线能够强制它们对齐标尺的增量/标志。3、要防止参考线对齐

2013-07-12 15:36:45 7612

转载简单配色方案web

本文没有咬文嚼字的地方，只是一个配色技巧的分享，十分简单，简单到流泪，但或许对你来说又十分实用，实用到无语。原本就是天然的馈赠，你我只是顺手采撷之......网页视觉层面主要是由形式（或叫布局）、色彩、图片和文字信息组成，设计师通常对形式感关注的比较多，因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现，而色彩主要影响整体观感、设计品质以及受众情绪，很多时候我们设计了一个不错的形式却未能做

2013-07-12 15:36:05 2100

转载 min-width() ie6

如果一个站是宽屏的，你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变，而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条，网站宽度就不会再减小了，我们知道这一简单的功能用css的min-width就很容易能实现，但不幸的是，我们用户很多的IE6不支持这个非常方便的属性，怎么办呢，我们只要在网页设计时加上下面的css语句就能解决：方法一：height:auto!important;

2013-07-12 15:35:31 965

转载 js 模拟右键菜单

使用右键事件在需要右键的地方加上 onmousedown="if(event.button == 2) alert('点击右键了！');即可不经意地被一位同事问起在javascript里面如何检测右键事件，并且屏蔽原来的右键菜单，上网查找一翻之后发现一些比较简单的方法。如设置onmousedown，检查其event.button的值是不是2（代表右键）。这个方法在FF和IE

2013-07-12 15:34:28 8493 3

转载 display:table-cell

背景：固定高度的div ，里面的文本p内容可变，如何实现其垂直居中？CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用。但是在CSS中还有一个display属性能够模拟＜table＞，所以我们可以使用这个属性来让＜div＞模拟＜table＞就可以使用vertical-align了。注意，display:table和display:tab

2013-07-12 15:30:37 13142 4

转载 js opener 的使用

参考：http://www.cnblogs.com/jhxk/articles/1740262.html http://hi.baidu.com/gavemepromise/item/b77d4fc351934c27ee4665c5在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式window

2013-07-12 15:18:58 940

原创 js的 new image()

Image对象。创建一个Image对象：var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片或由new Image()创建的元素都具有onload、onerror、onabort三个事件(但好像IE浏览器并不支持由Image()创建的图像的onload事件)，分别表示图像装载完

2013-07-12 15:17:54 124667 9

转载 CSS 中文字体 Unicode 编码方案

转：在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:’宋体’；但因此产生的一个问题是，如果CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示：通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的问题。比如字符“宋体”经过 Unicode 编码后为 “\5b8b\4f53″。以淘宝为例：fon

2013-07-12 15:16:57 790

转载 CSS3 - Transition属性详解

今天看到芒果小站http://www.mangguo.org 用到 Transition ，效果很棒，自己在网上查了一下：Transition属性主要是用来对某个CSS属性的变化过程进行控制，官方的介绍是”CSS Transitions allow property changes in CSS values to occur smoothly over a specified duratio

2013-07-12 15:14:53 1131

转载 window.location

转：如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址：window.location.href = window.location.href;好吧，我告诉你，这样弱掉了。其实原生 JavaScript 真是什么都有。window.location 对象所包含的属性属性描

2013-07-12 15:14:00 482

原创上中下三栏自适应100％高度

1.这个用相对布局很容易实现，但是在ie6、ie7 下面右侧有两个滚动条，还不能固定头部和底部的高度无标题文档html {height:100%}body {height:100%}* {padding:0px; margin:0}#header {height:10%;

2013-07-12 15:11:16 493

原创遮罩层

参考：http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html以前也曾经用到过1.主要依赖于css的( body，html 的css代码必须，没有解决ie6下 select z-index 无限大的缺点；)无标题文档* {padding:0; margin:0}html

2013-07-12 15:10:16 480 1

原创不兼容的事件冒泡

.on 的中文 API：http://www.css88.com/jqapi-1.9/on/jquery 1.9 升级指南：http://www.360doc.com/content/13/0320/11/7472437_272650329.shtml下文源于：http://www.cnblogs.com/rubylouvre/archive/2009/12/27/162834

2013-07-02 14:20:56 2395

coding...