ayue222
- 浏览: 49629 次
- 性别:
- 来自: 北京
-
最新评论
-
hanxiao84322：
强大啊，虽然没有完全看明白。
YUI 3.0应用初探 -
osacar：
不行啊。没效果！在Opera下测试
IE也不行。
JS iframe跨域自适应内容高度 -
xxzjzb1：
中秋送礼，首选书画、艺术品交易平台爱艺购！
JS将数字转换成三位逗号分隔的样式 -
mozart0：
货币:num.toFixed(2).replace(/(\d) ...
JS将数字转换成三位逗号分隔的样式 -
cnxxg：
这样能处理一个元素含有多个classname的情况吗？
javascript 整合的获取ID，className，tagName的方法
文章列表
在讨论这次的主题之前，我们现在看一下脚本优化的另一个问题，就是“优化难度”。在这里我所说的“优化难度”是指优化一张页面时的修改难度。例如在前一片文章中，使用document.write来引入脚本的话，其“优化难度” ...
study.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>初涉YUI3</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
< ...
.clearfix {zoom:1;}
.clearfix:after {
content:'.';
display:block;
visibility:hidden;
clear:both;
height:0px;
font-size:0;
line-height:0px;
}
使用 <div class="clearfix"><div>xxx</div></div>
- 2009-11-12 19:46
- 浏览 1510
- 评论(0)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset ...
- 2009-11-12 19:42
- 浏览 987
- 评论(0)
定义
clip 属性设置元素的形状。
当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。
继承性：No
说明
这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。
Java script 语法
CSS 属性也可通过一段 Java script 被动态地改变。
脚本语法：object.style.clip="rect(0px,50 ...
- 2009-11-12 19:41
- 浏览 1265
- 评论(0)
var get=function(className, tag ,root) {
if(arguments.length==1){
root = (arguments[0]) ? (typeof arguments[0]=="string")?document.getElementById(arguments[0]):arguments[0] : null || document;
return root;
}
root = (root) ? (typeof root==" ...
- 2009-11-12 19:40
- 浏览 2568
- 评论(1)
var addEventHandler=function(obj, type, func) {
if(!obj){return;}
var doOn=function(o){
if(o.addEventListener){o.addEventListener(type, func, false);}
else if(o.attachEvent){o.attachEvent("on" + type, func);}
else{o["on" + type] = func;}
}
var IsArray=funct ...
- 2009-11-12 19:38
- 浏览 1215
- 评论(0)
prototype 下的 isPrototypeOf() 方法, 它主要用来判断指定对象是否存在于另一个对象的原型链中. 语法如下:
object1.prototype.isPrototypeOf(0bject2);
上面的格式是用来判断 Object2 是否出现 Object1 的原型链中. 示例如下:
function Person() {
this.name = "Rob Roberson";
this.age = 31;
}
function Employee() {
this.dept = "HR";
thi ...
- 2009-11-12 19:35
- 浏览 994
- 评论(0)
如今的前端开发越来越oo，也越来越注重重用，娴熟的用js写出oo的前端代码已然是一个前端工程师的基本素质之一。从js语言的角度来看，模块是一个单体，单体有三类，简单对象单体，函数单体，原型单体，简单单体是最简单的一种写法，仅仅用一个大的对象将内聚的变量和方法包住，但由于没有封装，因此这种单体并不安全，而且一个单体在一个运行时只能有一个。函数单体是oo的一种基本型，他包含了封装和构造，是否用构造则取决于对象的特性，如果会大量使用的话，建议使用构造。原型单体是最高效的单体，在生成对象的时候不会浪费内存空间。
但有时候实现不像单体这么简单，比如在一个复杂的页面中包含有多个逻辑，多个逻辑中都有各自的命 ...
- 2009-11-12 19:33
- 浏览 959
- 评论(0)
//兼容 IE&FF&Safari
var format=(arr,type,keys){
switch (type){
case 0:return arr.sort(function(a,b){a=(keys)?(a[keys])?a[keys]:a:a;b=(keys)?(b[keys])?b[keys]:b:b; return a>b?-1:(a>b)?0:1; }); break;
case 1:return arr.sort(function(a,b){a=(keys)?(a[keys])?a[keys]:a:a;b ...
- 2009-11-12 19:30
- 浏览 1117
- 评论(0)
Javascript绑定事件时，只要DOM的事件里访问不了DOM自己的那个变量就行了
var e=document.getElementById("XX");
e.onclick=function(){}；
// 事件绑定方法 2
var fooA = function(){
var f = function(){}；
(function(){
var d = document.getElementById('XX');
d.onclick = f;
...
- 2009-11-12 19:02
- 浏览 1212
- 评论(0)
var oIframe = null;
if(navigator.userAgent.indexOf('MSIE') === -1){
// 非IE浏览器
oIframe = document.createElement('iframe');
oIframe.frameborder = '0';
oIframe.scrolling = 'no';
}else{
/* IE浏览器
* IE下无法通过 oIframe.frameborder 来设置
*/
...
- 2009-11-12 18:59
- 浏览 1196
- 评论(0)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>ellipsis</title>
<styl ...
- 2009-11-12 18:57
- 浏览 1379
- 评论(0)
使用範例：
十分感謝Syntax Height Lighter的作者，讓我們可以非常輕鬆且漂亮的show出代碼。
兩個必要的文件 :
JS文件： js/dpSyntaxHighlighter.js
CSS文件：css/dpSyntaxHighlighter.css
使用方法和显示效果如图：
附件: syntax_heigh_lighter.zip (10.18 K)
- 2009-11-12 18:54
- 浏览 852
- 评论(0)
IE8正式版已经发布，对于网页设计者来说，在不开启IE8的兼容模式下，网站能否正常显示成了一个需要注意的问题，虽然IE8号称更加符合标准，但还是会出现局部显示不正确的bug，本站以前提供过一次有关于IE8的Hack，见《IE6、IE7、IE8、FF的简单Hack》，发现那里面提供的有关IE8那个hack好像并不起作用，本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks，方便在IE8下局部显示不正确的时候进行调整，避免重写CSS，经过测试，这种IE8 的hacks可用。
可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CS ...
- 2009-11-12 18:52
- 浏览 1486
- 评论(0)