Javascript 技巧大全
[ 2007-11-13 15:03:19 | 作者: admin ]
Event 事件
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
document 对象
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
...
阅读全文…
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
document 对象
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
...
阅读全文…
████ 粉红，即浅红色。别称：妃色 杨妃色 湘妃色 妃红色 ████ 妃色 妃红色：古同“绯”，粉红色。杨妃色 湘妃色 粉红皆同义。 ████ 品红：比大红浅的红色 （quester注：这里的“品红”估计是指的“一品红”，是基于大红色系的，和现在我们印刷用色的“品红M100”不是一个概念）████ 桃红，桃花的颜色，比粉红略鲜润的颜色。 （quester注：不大于M70的色彩，有时可加入适量黄色）████ 海棠红，淡紫红色、较桃红色深一些，是非常妩媚娇艳的颜色。 ████ 石榴红：石榴花的颜色，高色度和纯度的红色。 ...
阅读全文…
阅读全文…
即时通讯客户端的web链接方式
[ 2007-10-18 18:01:34 | 作者: admin ]
Skype:
<a href="callto://您的Tom-Skype帐号">Skype</a>
QQ:
http://wpa.qq.com/msgrd?V=1&Uin=******&Site=52News.com&Menu=yes
（******处换上你要通话的号码)
MSN:
msnim:chat?contact=***@52News.com
（***@52News.com换成你要通话人的MSN）
旺旺:
wangwang:SendIM?abcde&uid_t=abcde&suid=******&desc=123456
(abcde请改为对方的账号，******请改为自己账号，123456是商品名称．)
<a href="callto://您的Tom-Skype帐号">Skype</a>
QQ:
http://wpa.qq.com/msgrd?V=1&Uin=******&Site=52News.com&Menu=yes
（******处换上你要通话的号码)
MSN:
msnim:chat?contact=***@52News.com
（***@52News.com换成你要通话人的MSN）
旺旺:
wangwang:SendIM?abcde&uid_t=abcde&suid=******&desc=123456
(abcde请改为对方的账号，******请改为自己账号，123456是商品名称．)
CSS将长文字换行的方法
[ 2007-09-22 15:59:57 | 作者: admin ]
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd1111111111111111111111111111111111</div>
效果：可以实现换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！
...
阅读全文…
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd1111111111111111111111111111111111</div>
效果：可以实现换行
2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条，当然不加滚动条效果更好！
...
阅读全文…
如何去掉iframe的水平滚动条而保留垂直滚动条
[ 2007-09-13 08:33:24 | 作者: admin ]
<style type="text/css">
html { overflow-x:hidden; }
</style>
html { overflow-x:hidden; }
</style>
CSS中Position和Z-index
[ 2007-09-07 09:06:24 | 作者: admin ]
position
有四个不同的值，分别为：static | absolute | fixed | relative。在苏昱的《CSS2中文手册》中是这样解释的：static:无特殊定位，对象遵循HTML定位规则； absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框； relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置； fixed:IE5.5及NS6尚不支持此属性。
Z-INDEX
这是层的“Y坐标”值，就像在一个空间里，网页是x-y 平面 （底面），空间中层有它的坐标，从上往下看，前面的挡住后面的（默认：坐标值大的挡住坐标值小的）...
阅读全文…
有四个不同的值，分别为：static | absolute | fixed | relative。在苏昱的《CSS2中文手册》中是这样解释的：static:无特殊定位，对象遵循HTML定位规则； absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框； relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置； fixed:IE5.5及NS6尚不支持此属性。
Z-INDEX
这是层的“Y坐标”值，就像在一个空间里，网页是x-y 平面 （底面），空间中层有它的坐标，从上往下看，前面的挡住后面的（默认：坐标值大的挡住坐标值小的）...
阅读全文…
清除float，为父元素获得高度！
[ 2007-08-30 23:36:18 | 作者: admin ]
在xhtml排版中有个问题每个新人都要遇到，那就是一个div的float会影响到其父级元素hieght为值为0，对于ie和非ie，有以下两种解决方法：
IE中：
用height:1%
例：非IE中：
用:after
例：
IE中：
用height:1%
例：
引用
< div style ="height:1%" >
< div style ="float:left" >
</ div >
</ div >
< div style ="float:left" >
</ div >
</ div >
用:after
例：
引用
.pelement:after{ /*在pelement这个元素的后边*/
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
右下脚仿MSN的消息类
[ 2007-08-20 12:37:05 | 作者: admin ]
引用
<HTML><HEAD>
<SCRIPT language=JavaScript>
<!--
/*
** ==================================================================================================
** 类名：CLASS_MSN_MESSAGE
** 功能：提供类似MSN消息框
** 示例：
---------------------------------------------------------------------------------------------------
var MSG = new CLASS_MSN_MESSAGE("aa",200,
<SCRIPT language=JavaScript>
<!--
/*
** ==================================================================================================
** 类名：CLASS_MSN_MESSAGE
** 功能：提供类似MSN消息框
** 示例：
---------------------------------------------------------------------------------------------------
var MSG = new CLASS_MSN_MESSAGE("aa",200,
阅读全文…
