BlogJava-semovy-文章分类-JavaScript

兼容IE8、火狐的本地图片预览+等比例缩放

semovy — Thu, 16 Jun 2011 10:13:00 GMT

转自http://it.oyksoft.com/post/974/

Firefox3,IE6,IE7,IE8上传图片预览

semovy 2011-06-16 18:13 发表评论

Javascript 方法大全

semovy — Mon, 03 Nov 2008 06:33:00 GMT

摘要: 技巧 ... 阅读全文

semovy 2008-11-03 14:33 发表评论

JAVASCRIPT校验大全

semovy — Mon, 03 Nov 2008 06:28:00 GMT

摘要: 技巧 ... 阅读全文

semovy 2008-11-03 14:28 发表评论

调用qq的方法

semovy — Thu, 30 Oct 2008 01:08:00 GMT

调用qq的方法：
target=blank>http://wpa.qq.com/pa?p=1:20989163:11"
border=0>

调用msn的方法：
点这里和我MSN聊天

放在页面上就能出效果了！

1.如何在网页上显示腾讯QQ在线洽谈?

QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码)
(将123456换成你的号码,site后面换成你的网站就可以了)

更多的生成显示QQ在线状态的代码,请查看腾讯官方网站
http://imis.qq.com/webpresence/code.shtml
你只需要填写你的号码,网站名称以及提示就可以点击生成就可以生成QQ在线状态的代码,拷贝生成的代码加入网页即可

2.阿里巴巴贸易通在线状态代码生成,eric改成你的ID就行了,还有ALT改成你的内容

更多的阿里巴巴贸易通在线状态代码生成样式,请查看阿里巴巴官方网站
http://club.china.alibaba.com/club/block/alitalk/alitalkfire.html

3.skype在线状态代码生成
将eric换成你的skype ID就可以了,需要在skype个人账户里设置对任何人显示状态

更多的skype在线状态代码生成样式,请查看skype的官方网站
http://www.skype.com/share/buttons/

4.如何生成MSN在线状态代码
可以设置自定义显示图片,不过检测速度有点慢,另外一部分人在ｍｓｎ的配置中，设置了不加好友就不显示在线。这是为了个人隐私保护，但这样会显示状态未知或者离线。如果你不介意别人看到你，就开启那个选项就好了。

codetype="application/x-
oleobject" width="0" height="0">

6：雅虎

将admin@hichf.com换成您自己的：

7.在线客服的代码

有很多朋友问我在线客服的代码，貌似网上也找不到好用的，因此打算把自己珍藏的代码拿出来给大家分性享一下，很好用。

按钮部分，我是用图片来做例子

onclick="javascript:addMSN('[email]admin@hichf.com[/email]');"> src="kefu.gif" border=0>
classid=clsid:B69003B3-C55E-4b48-836C-BC5946FC3B28>

JS部分：

ENGLISH

以上代码已经不支持msn8.0，MSN 8.0的代码

给zanpo发消息

收藏自：CHF精品论坛

semovy 2008-10-30 09:08 发表评论

得到页面body区域内容的高度

semovy — Sat, 12 Jul 2008 08:56:00 GMT

New Page 1


var s  =  "";
s  +=  "\r\n网页可见区域宽："+  document.body.clientWidth;
s  +=  "\r\n网页可见区域高："+  document.body.clientHeight;
s  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";
s  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";
s  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;
s  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;
s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;
s  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;
s  +=  "\r\n网页正文部分上："+  window.screenTop;
s  +=  "\r\n网页正文部分左："+  window.screenLeft;
s  +=  "\r\n屏幕分辨率的高："+  window.screen.height;
s  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;
s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;
s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;
alert(s);

semovy 2008-07-12 16:56 发表评论

Javascript面向对象特性（转载）

semovy — Thu, 26 Jun 2008 06:21:00 GMT

摘要: ~~~~~~~~~~~~~~~~~~ 很少有人对JavaScript的面向对象特性进行系统的分析。我希望接下来的文字让你了解到这个语言最少为人知的一面。 1. JavaScript中的类型 -------- 虽然JavaScript是一个基于对象的语言，但对象(Object)在JavaScript中不是第一型的。JS 是以函数(Function)为第一型的语言。这样说，... 阅读全文

semovy 2008-06-26 14:21 发表评论

转一个。。js在IE与firefox的差别。。。

semovy — Thu, 26 Jun 2008 06:20:00 GMT

1.firefox不能对innerText支持。
firefox支持innerHTML但却不支持innerText，它支持textContent来实现innerText，不过默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替。

2.禁止选取网页内容：
在IE中一般用js：obj.onselectstart=function(){return false;}
而firefox用CSS:-moz-user-select:none

3.滤镜的支持(例：透明滤镜)：
IE:filter：alpha(opacity=10);
firefox：-moz-opacity:.10;

4.捕获事件：
IE：obj.setCapture() 、obj.releaseCapture()
Firefox： document.addEventListener("mousemove",mousemovefunction,true);
document.removeEventListener("mousemove",mousemovefunction,true);

5.获取鼠标位置：
IE:event.clientX、event.clientY
firefox：需要事件函数传递事件对象
obj.onmousemove=function(ev){
     X= ev.pageX;Y=ev.pageY;
}

6.DIV等元素的边界问题：
比如：设置一个div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}
IE中：div的宽度（包括边框宽度）：100px，div的高度（包括边框宽度）：100px；
而firefox：div的宽度（包括边框宽度）：102px，div的高度（包括边框宽度）：102px；

所以在做这个兼容IE和firefox的拖动窗口时，在js和css的写法上要动点脑筋，给大家两个小技巧

一.判断浏览器类型：
var isIE=document.all? true:false;
我写了一个变量，如果支持document.all语法那么isIE=true，否则isIE=false

二.在不同浏览器下的CSS处理：
一般可以用!important来优先使用css语句（仅firefox支持）
比如：{border-width:0px!important;border-width:1px;}
在firefox下这个元素是没有边框的，在IE下边框宽度是1px

      1.document.formName.item("itemName") 问题
问题说明：IE下，可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。
解决方法：统一使用document.formName.elements["elementName"]。

2.集合类对象问题
问题说明：IE下，可以使用 () 或 [] 获取集合类对象；Firefox下，只能使用 [ ]获取集合类对象。
解决方法：统一使用 [] 获取集合类对象。

3.自定义属性问题
问题说明：IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；Firefox下，只能使用 getAttribute() 获取自定义属性。
解决方法：统一通过 getAttribute() 获取自定义属性。

4.eval("idName")问题
问题说明：IE下，可以使用 eval("idName") 或 getElementById("idName") 来取得 id 为 idName 的HTML对象；Firefox下，只能使用 getElementById("idName") 来取得 id 为 idName 的HTML对象。
解决方法：统一用 getElementById("idName") 来取得 id 为 idName 的HTML对象。

5.变量名与某HTML对象ID相同的问题
问题说明：IE下，HTML对象的ID可以作为 document 的下属对象变量名直接使用，Firefox下则不能；Firefox下，可以使用与HTML对象ID相同的变量名，IE下则不能。
解决方法：使用 document.getElementById("idName") 代替 document.idName。最好不要取HTML对象ID相同的变量名，以减少错误；在声明变量时，一律加上var关键字，以避免歧义。

6.const问题
问题说明：Firefox下，可以使用const关键字或var关键字来定义常量；IE下，只能使用var关键字来定义常量。
解决方法：统一使用var关键字来定义常量。

7.input.type属性问题
问题说明：IE下 input.type 属性为只读；但是Firefox下 input.type 属性为读写。
       解决办法：不修改 input.type 属性。如果必须要修改，可以先隐藏原来的input，然后在同样的位置再插入一个新的input元素。

8.window.event问题
问题说明：window.event 只能在IE下运行，而不能在Firefox下运行，这是因为Firefox的event只能在事件发生的现场使用。
解决方法：在事件发生的函数上加上event参数，在函数体内(假设形参为evt)使用 var myEvent = evt?evt:(window.event?window.event:null)
       示例：

调用方式
测试//javascript执行本机的可执行程序

semovy 2008-04-23 16:31 发表评论

escape,encodeURI,encodeURIComponent 比较

semovy — Fri, 11 Apr 2008 03:40:00 GMT

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，

相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

例如：

2、进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape

[Huoho.Com编辑]

例如：搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

semovy 2008-04-11 11:40 发表评论

js常用的事件对象

semovy — Wed, 09 Apr 2008 14:11:00 GMT

事件源对象
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.activeElement

绑定事件
document.captureEvents(Event.KEYDOWN);

访问窗体元素
document.all("txt").focus();
document.all("txt").select();

窗体命令
document.execCommand

窗体COOKIE
document.cookie

菜单事件
document.oncontextmenu

创建元素
document.createElement("SPAN");

根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

窗体图片
document.images[索引]

窗体事件绑定
document.onmousedown=scrollwindow;

元素
document.窗体.elements[索引]

对象绑定事件
document.all.xxx.detachEvent('onclick',a);

插件数目
navigator.plugins

取变量类型
typeof($js_libpath) == "undefined"

下拉框
下拉框.options[索引]
下拉框.options.length

查找对象
document.getElementsByName("r1");
document.getElementById(id);

定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

UNCODE编码
escape() ,unescape

父对象
obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的行
TableID.moveRow(2,1)

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行
style="word-break:break-all"

自动刷新

简单邮件
mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">

快速转到位置
obj.scrollIntoView(true)

锚

 anchors

网页传递参数
location.search();

可编辑
obj.contenteditable=true

执行菜单命令
obj.execCommand

双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。
word

上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键
document.oncontextmenu = function() { return false;}

禁止保存

禁止选取"return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴

地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

查看源码

关闭输入法

自动全选

ENTER键可以让光标移到下一个输入框

文本框的默认值

title换行
obj.title = "123 sdfs "

获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭
win.closed

checkbox扁平

获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
打开该功能
关闭该功能

窗口最大化

无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示

semovy 2008-04-09 22:11 发表评论

带阴影,可拖动,圆角,div + css 层

semovy — Sat, 29 Mar 2008 07:26:00 GMT

咸菜

孤独中等待，

等待中无耐。

无耐中恋爱，

恋爱中变态。

semovy 2008-03-29 15:26 发表评论

javascript 的面向对象特性参考

semovy — Tue, 15 Jan 2008 07:49:00 GMT

最近在看用javascript+css实现rich client。javascript 也是一个蛮有意思的语言。特别是其面向对象的实现和其他“标准”的OO launguage有很大的不同。但是，都是动态语言，我还是觉得它比起python语法和库都差得太远。可是没有explorer支持python开发啊。。。：（

这是我学习javascript中面向对象特性的一点总结。希望对具有其他语言的面向对象设计经验的朋友理解javascript的OO有所帮助。我具有c++,java和python的面向对象设计的经验。

总的感受， javascript作为一种弱类型的动态语言，语法接近于java，但其面向对象的方式更和python相识。

1 面向对象的特性

类，成员变量，成员函数，类变量，类方法，继承，多态

1）类

类的定义：function Circle(r) { this.r = r; }

类的实例化： c = Circle(3);

2）成员变量

成员变量在初始化函数里申明：this.r = r;

注意，在对象生成后，你也可以给它附上成员变量，比如c.name="my circle"，

但是除非特别的需要，我强烈建议你不要这样做。也就是所有的成员都应在初始化函数里声明。我认为这是一种好的style。

这一点和python很相识。

3）成员函数

成员函数的标准形式是这样的：

Cricle.prototype.area = function() { return 3.14 * this.r * this.r; }

这和java或python或c++都大不一样。但为了帮助理解，你可以把prototype看作基类。

prototype里面的变量或方法，是所有对象共享的。

比如，c.area()调用最终就会让解释器调用到Circle.prototype.area().

相比于java和c++，javascript具有他们都没有的一个语义，也就是你可以在prototype里定义变量。定义在prototype里的变量可以被所有的实例共享量。所以一般它应该是一个常数，比如：Circle.prototype.PI = 3.14.

显然，prototype里的变量和方法都应该是不变的。每一个对象实例都不应该取修改prototype中的内容。虽然语言允许你可以这样做，但这样做没有任何意义，也违反了面向对象的语义（想想，java会让你动态修改一个类的方法吗）。

当然，对于多态是另外一回事，在后面详述。

而且，我建议所有的成员函数都在紧接类定义的地方定义。而不应该在代码运行的某个地方对一个对象实例增加/修改成员函数。这样的结果是javascript的类定义尽量向java看齐。使得代码更清晰。

4）类变量

类变量是属于一个类的变量。就像java里用static修饰的变量。因为它属于类，所以它也应该是一个常量。实例不应该去修改它，虽然你可以（java里可以用final修饰，使得类变量一旦定义，就不能修改）。这里可以看到，类变量和prototype里定义的变量的功能是相似的。确实如此，他们的目的都是一样的。但他们的访问方式

不一样。比如：

Circle.prototype.PI = 3.14;

Circle.PI = 3.14;

//用prototype里的变量

Circle.prototype.area1 = function() { return this.PI * this.r * this.r; }

//用类变量

Circle.prototype.area2 = function() { return Circle.PI * this.r * this.r; }

5）类方法

这个概念应该很简单。注意类方法里绝对不要用this关键字，和java完全一样。

Circle.max = function(a, b) {
return a.r > b.r ? a : b;
}

theMax = Circle(new Circle(1), new Circle(4));

6）继承

子类继承父类，那么 “子类实例” 具有和 “父类实例” 完全一样的行为。javascript是这样实现的。

function SubCircle(x, y, r) {
this.x = x;
this.y = y;
this.r =r;
}

SubCircle.prototype = new Circle(0);
记得前面说的吗？可以把prototype看作一个基类。这里，prototype确确实实是一个基类。它是如何实现的呢？

举例如下：
sc = SubCirlce(1,1,3);
sc.area();

调用的传递：
sc.area()->sc.prototype.area()->Circle(0).area()->Circle.prototype.area().
看来是不是很奇妙呢。

通过这种方式，javascript实现了继承。

7）多态

多态是子类会定义和父类具有相同signature的方法。假设在SubCircle所在的空间PI=100,而面积公式也变为 PI*R*R*R。

SubCircle.prototype.PI = 100

SubCircle.prototype.area = function() {
return this.PI*this.r*this.r*this.r;
}
Sc.area()

这样的操作可以认为是:

Sc.PI->sc.prototype.PI->Cricle(0).PI = 100

Sc.area()->sc.prototype.area()->Circle(0).area.
这个时候，调用过程是这样的

sc.area()->sc.prototype.area(),在这里解释器发现了area这个方法，于是它就调用此方法。

而Cricle.prototype.area就永远也不会被调用。PI的调用也是如此。那么子类如何想调用父类的方法应怎么办呢？好像没有什么办法哦，谁知道可以告诉我。但面向对象的理论告诉我们，继承主要是提供接口而不是代码复用，所以还是少有这样的念头为好：）。

下面是一个例子程序。包含上面的所有的概念。
例子
///////////define: Cricle//////////////////
function Circle(r) {
this.r = r;
}
Circle.PI = 3.14;
Circle.prototype.PI = 3.14;
Circle.prototype.area = function() { return Circle.PI*this.r*this.r; }
Circle.prototype.area2 = function() { return this.PI*this.r*this.r; }

//// test
c = new Circle(3);
//alert("area1 :"+c.area());
//alert("area2 :"+c.area2());

Circle.max = function(a, b) { return a.r>b.r ? a.r : b.r; }
//alert("max is "+Circle.max(new Circle(1), new Circle(3)));

c1 = new Circle(1);
c2 = new Circle(1);
c2.PI = 100;//Circle.prototype.PI=100;

//alert("c1.area1 "+c1.area());
//alert("c1.area2 "+c1.area2());
//alert("c2.area1 "+c2.area());
//alert("c2.area2 "+c2.area2());

////////////////////////define: SubCircle //////////////////
function SubCircle(x, y, r) {
this.x = x;
this.y = y;
this.r = r;
}
SubCircle.prototype = new Circle(0);
SubCircle.prototype.PI = 100;
SubCircle.prototype.move2 = function(x, y) { this.x = x; this.y = y;}
SubCircle.prototype.area = function() { return this.PI*this.r*this.r*this.r; }

//// test
sc = new SubCircle(0,0,2);

alert(sc.area());

semovy 2008-01-15 15:49 发表评论

js日期时间函数

semovy — Wed, 02 Jan 2008 02:36:00 GMT

Date.prototype.isLeapYear 判断闰年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期计算
Date.prototype.DateDiff 比较日期差
Date.prototype.toString 日期转字符串
Date.prototype.toArray 日期分割为数组
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天数
Date.prototype.WeekNumOfYear 判断日期所在年的第几周
StringToDate 字符串转日期型
IsValidDate 验证日期有效性
CheckDateTime 完整日期时间检查
daysBetween 日期天数差

js 代码

//---------------------------------------------------
// 判断闰年
//---------------------------------------------------
Date.prototype.isLeapYear = function()
{
return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));
}
//---------------------------------------------------
// 日期格式化
// 格式 YYYY/yyyy/YY/yy 表示年份
// MM/M 月份
// W/w 星期
// dd/DD/d/D 日期
// hh/HH/h/H 时间
// mm/m 分钟
// ss/SS/s/S 秒
//---------------------------------------------------
Date.prototype.Format = function(formatStr)
{
var str = formatStr;
var Week = ['日','一','二','三','四','五','六'];
str=str.replace(/yyyy|YYYY/,this.getFullYear());
str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));
str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():'0' + this.getMonth());
str=str.replace(/M/g,this.getMonth());
str=str.replace(/w|W/g,Week[this.getDay()]);
str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());
str=str.replace(/d|D/g,this.getDate());
str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());
str=str.replace(/h|H/g,this.getHours());
str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());
str=str.replace(/m/g,this.getMinutes());
str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());
str=str.replace(/s|S/g,this.getSeconds());
return str;
}
//+---------------------------------------------------
//| 求两个时间的天数差日期格式为 YYYY-MM-dd
//+---------------------------------------------------
function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));
var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);
var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));
var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));
var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);
var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));
var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);
return Math.abs(cha);
}
//+---------------------------------------------------
//| 日期计算
//+---------------------------------------------------
Date.prototype.DateAdd = function(strInterval, Number) {
var dtTmp = this;
switch (strInterval) {
case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));
case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));
case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));
case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));
case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));
case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
}
}
//+---------------------------------------------------
//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串
//+---------------------------------------------------
Date.prototype.DateDiff = function(strInterval, dtEnd) {
var dtStart = this;
if (typeof dtEnd == 'string' )//如果是字符串转换为日期型
{
dtEnd = StringToDate(dtEnd);
}
switch (strInterval) {
case 's' :return parseInt((dtEnd - dtStart) / 1000);
case 'n' :return parseInt((dtEnd - dtStart) / 60000);
case 'h' :return parseInt((dtEnd - dtStart) / 3600000);
case 'd' :return parseInt((dtEnd - dtStart) / 86400000);
case 'w' :return parseInt((dtEnd - dtStart) / (86400000 * 7));
case 'm' :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);
case 'y' :return dtEnd.getFullYear() - dtStart.getFullYear();
}
}
//+---------------------------------------------------
//| 日期输出字符串，重载了系统的toString方法
//+---------------------------------------------------
Date.prototype.toString = function(showWeek)
{
var myDate= this;
var str = myDate.toLocaleDateString();
if (showWeek)
{
var Week = ['日','一','二','三','四','五','六'];
str += ' 星期' + Week[myDate.getDay()];
}
return str;
}
//+---------------------------------------------------
//| 日期合法性验证
//| 格式为：YYYY-MM-DD或YYYY/MM/DD
//+---------------------------------------------------
function IsValidDate(DateStr)
{
var sDate=DateStr.replace(/(^\s+|\s+$)/g,''); //去两边空格;
if(sDate=='') return true;
//如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为''
//数据库中，合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式
var s = sDate.replace(/[\d]{ 4,4 }[\-/]{ 1 }[\d]{ 1,2 }[\-/]{ 1 }[\d]{ 1,2 }/g,'');
if (s=='') //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D
{
var t=new Date(sDate.replace(/\-/g,'/'));
var ar = sDate.split(/[-/:]/);
if(ar[0] != t.getYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate())
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
}
else
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
return true;
}
//+---------------------------------------------------
//| 日期时间检查
//| 格式为：YYYY-MM-DD HH:MM:SS
//+---------------------------------------------------
function CheckDateTime(str)
{
var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;
if(d.getHours()!=r[4])return false;
if(d.getMinutes()!=r[5])return false;
if(d.getSeconds()!=r[6])return false;
return true;
}
//+---------------------------------------------------
//| 把日期分割成数组
//+---------------------------------------------------
Date.prototype.toArray = function()
{
var myDate = this;
var myArray = Array();
myArray[0] = myDate.getFullYear();
myArray[1] = myDate.getMonth();
myArray[2] = myDate.getDate();
myArray[3] = myDate.getHours();
myArray[4] = myDate.getMinutes();
myArray[5] = myDate.getSeconds();
return myArray;
}
//+---------------------------------------------------
//| 取得日期数据信息
//| 参数 interval 表示数据类型
//| y 年 m月 d日 w星期 ww周 h时 n分 s秒
//+---------------------------------------------------
Date.prototype.DatePart = function(interval)
{
var myDate = this;
var partStr='';
var Week = ['日','一','二','三','四','五','六'];
switch (interval)
{
case 'y' :partStr = myDate.getFullYear();break;
case 'm' :partStr = myDate.getMonth()+1;break;
case 'd' :partStr = myDate.getDate();break;
case 'w' :partStr = Week[myDate.getDay()];break;
case 'ww' :partStr = myDate.WeekNumOfYear();break;
case 'h' :partStr = myDate.getHours();break;
case 'n' :partStr = myDate.getMinutes();break;
case 's' :partStr = myDate.getSeconds();break;
}
return partStr;
}
//+---------------------------------------------------
//| 取得当前日期所在月的最大天数
//+---------------------------------------------------
Date.prototype.MaxDayOfDate = function()
{
var myDate = this;
var ary = myDate.toArray();
var date1 = (new Date(ary[0],ary[1]+1,1));
var date2 = date1.dateAdd(1,'m',1);
var result = dateDiff(date1.Format('yyyy-MM-dd'),date2.Format('yyyy-MM-dd'));
return result;
}
//+---------------------------------------------------
//| 取得当前日期所在周是一年中的第几周
//+---------------------------------------------------
Date.prototype.WeekNumOfYear = function()
{
var myDate = this;
var ary = myDate.toArray();
var year = ary[0];
var month = ary[1]+1;
var day = ary[2];
document.write('< script language=VBScript\> \n');
document.write('myDate = DateValue(''+month+'-'+day+'-'+year+'') \n');
document.write('result = DatePart('ww', myDate) \n');
document.write(' \n');
return result;
}
//+---------------------------------------------------
//| 字符串转成日期类型
//| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd
//+---------------------------------------------------
function StringToDate(DateStr)
{
var converted = Date.parse(DateStr);
var myDate = new Date(converted);
if (isNaN(myDate))
{
//var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';
var arys= DateStr.split('-');
myDate = new Date(arys[0],--arys[1],arys[2]);
}
return myDate;
}

semovy 2008-01-02 10:36 发表评论

select innerHTML在IE和FireFox下处理

semovy — Wed, 02 Jan 2008 01:37:00 GMT

在前一段时间,做ajax的时候,碰到了这样的问题：

=form1 action='#' method=post>

下面是一个jscript函数

出现的结果中的内容在IE下运行为空白，而在FireFOx中运行正确。

针对这样情况的解决办法是换另一种方法做

function getTypeById(id){
    var s=document.getElementById(id);
    for(var i = 1; i < 6; i++ ){
       s.options[s.options.length] = new Option(i,i);
    }
}

semovy 2008-01-02 09:37 发表评论

常用JS加密编码算法转[千里冰封]

semovy — Fri, 16 Nov 2007 01:41:00 GMT

摘要: 一：UTF8编码函数 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->function URLEncode(Str){ if(Str==null||Str=="") ... 阅读全文

semovy 2007-11-16 09:41 发表评论

js控制input输入字符限制

semovy — Wed, 17 Oct 2007 08:01:00 GMT

ENTER键可以让光标移到下一个输入框

只能是中文

屏蔽输入法

只能输入英文和数字

只能是数字

只能显示，不能修改

只能书数字，判断按键的值

function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}

semovy 2007-10-17 16:01 发表评论

js常用函数属性事件集

semovy — Wed, 10 Oct 2007 15:23:00 GMT

1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i       if (form.elements[i].type == "text"){
          form.elements[i].value = "";
      }
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
38.取字符串中指定位置的一个字符:StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒   [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(Javascript:)来开头后面加函数名
48.在老的浏览器中不执行此JS:
49.引用一个文件式的JS:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素

56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如

"how are you"

,则innerHTML的值就是:how are you
58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
70.添加到收藏夹:external.AddFavorite("http://www.xrss.cn","jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
89-1.parent.location.reload()刷新父亲对象（用于框架）
89-2.opener.location.reload()刷新父窗口对象（用于单开窗口）
89-3.top.location.reload()刷新最顶端对象（用于多开窗口）
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

semovy 2007-10-10 23:23 发表评论

兼容于ie,firefox,netscape的等比例图片本地预览的javascript实现

semovy — Tue, 09 Oct 2007 07:11:00 GMT

兼容于ie,firefox,netscape的等比例图片本地预览的javascript实现

semovy 2007-10-09 15:11 发表评论

鼠标滑过链接出现的对话框式提示效果

semovy — Thu, 27 Sep 2007 09:26:00 GMT

无标题文档

My space

semovy 2007-09-27 17:26 发表评论

一个精美强大的JS日历

semovy — Thu, 27 Sep 2007 09:19:00 GMT

本地计算机时间



          style="FONT-SIZE: 9pt">



本地计算机时间:
      id=Clock size=3 align="center">
















            style="COLOR: red; FONT-FAMILY: Wingdings; FONT-SIZE: 18pt">









      公历年             style="FONT-SIZE: 9pt"> 月             style="FONT-SIZE: 9pt">

阴历年             style="FONT-SIZE: 9pt"> 月             style="FONT-SIZE: 9pt">
























　
            阴历存在跨月情况，如果查找到的阴历月跨两个公历月，用[月↑][月↓]翻动可以找到你想要的确切日期。















      style="COLOR: #f0f0f0; FONT-FAMILY: 'Arial Black'; FONT-SIZE: 20pt">



















            style="FONT-SIZE: 9pt">月             size=4>
日一二三四五六




semovy 2007-09-27 17:19 发表评论

Windows关机效果分析

semovy — Wed, 26 Sep 2007 08:39:00 GMT

基本原理分析

Windows关机效果分析

使用Windows系统的用户在关机的时候，出现的界面只允许用户选择关机、注销或取消动作，而桌面上的程序都不能使用，并且屏幕呈现灰色状态。

本例将仿照这种高亮显示的效果在网页上实现.

在网页上运用这种关机效果有什么好处呢？首先，由于单击某一链接后，将用户此时不可用的操作隐藏在后台，将可用的操作放在屏幕最上层，并高亮显示，可以避免用户的误操作。其次，将信息高亮显示，也可以提醒用户应该注意的事项。

网页中实现关机效果分析

在网页中实现这种效果的原理很简单。创建两个图层，一个为遮盖层，覆盖整个页面，并且显示为灰色；另一个图层作为高亮显示的部分，在遮盖层的上方，这可通过设置图层的z-index属性来设置。当取消关机效果后，只需将这两个图层元素在页面中删除即可。

以下代码实现显示关机效果。

以下是引用片段：

html" class="wordstyle">asp?typeid=119" snap_preview_added="no">Ajax LightBox Sample

需要注意的是，在IE浏览器中如果有元素隐藏起来。如以下代码可以用于隐藏页面所有的标记

}

//调用该类中的displayLightbox方法

this.displayLightbox("block");

},

prepareIE: function(height, overflow){

bod = document.getElementsByTagName('body')[0];

bod.style.height = height;

bod.style.overflow = overflow;

htm = document.getElementsByTagName('html')[0];

htm.style.height = height;

htm.style.overflow = overflow;

},

hideSelects: function(visibility){

selects = document.getElementsByTagName('select');

for(i = 0; i < selects.length; i++) {

selects[i].style.visibility = visibility;

}

},

getScroll: function(){

if (self.pageYOffset) {

this.yPos = self.pageYOffset;

} else if (document.documentElement && document.documentElement.scrollTop){

this.yPos = document.documentElement.scrollTop;

} else if (document.body) {

this.yPos = document.body.scrollTop;

}

},

setScroll: function(x, y){

window.scrollTo(x, y);

},

displayLightbox: function(display){

//将覆盖层显示

$('overlay').style.display = display;

//将高亮层显示

$('lightbox').style.display = display;

//如果不是隐藏状态,则调用该类中的loadInfo方法

if(display != 'none') this.loadInfo();

},

//该方法发送Ajax请求

loadInf function() {

//当请求完成后调用本类中processInfo方法

var myAjax = new Ajax.Request(

this.content,

{method: 'get', parameters: "", onComplete: this.processInfo.bindAsEvent Listener (this)}

);

},

// 将返回的文本信息显示到高亮层上

processInf function(response){

//获得返回的文本数据

var result = response.responseText;

//显示到高亮层

info = "
" + result + "
";

//在info元素前插入一个元素

new Insertion.Before($('lbLoadMessage'), info)

//改变该元素的class name的值

$('lightbox').className = "done";

//调用本类中actions方法

this.actions();

var ctrl=$('lightbox');

//为高亮层添加事件处理方法reset

Event.observe(ctrl, 'click', this.reset.bindAsEventListener(this), false);

ctrl.onclick = function(){return false;};

},

//恢复初始状态

reset:function(){

//隐藏覆盖层

$('overlay').style.display="none";

//清空返回数据

$('lbContent').innerHTML="";

//隐藏高亮层

$('lightbox').style.display="none";

},

// Search through new links within the lightbox, and attach click event

actions: function(){

lbActions = document.getElementsByClassName('lbAction');

for(i = 0; i < lbActions.length; i++) {

Event.observe(lbActions[i], 'click',

this[lbActions[i].rel].bindAs EventListener(this), false);

lbActions[i].onclick = function(){return false;};

}

}

}

提示：由于该对象比较复杂，读者可以仔细参阅代码的注释部分。

服务器端代码

服务器端首先获得查询中的“id”值，如果该值为null或为空，则设置为默认值。然后判断该值，并且返回相应的一段字符串信息。处理请求的getInfohtml" class="wordstyle">jsp页面代码如下：

以下是引用片段：

<%@ page language="java" import="java.util.*"%>

<%

//获得请求中id的值

String imgID = request.getParameter("id");

if (imgID==null||imgID.equals(""))//如果为null或为空

imgID="one";//设定为默认值

if ( imgID.equals("one"))//如果为one

{

%>

Porsche Carrera GT

The Carrera GT has a 5.7 litre V10 internal combustion engine that produces

605 SAE horsepower (451 kW). Porsche claims it will accelerate from 0 to 100

km/h (62 mph) in 3.9 seconds and has a maximum speed of 330 km/h (204 mph).

With 605 hp, the car weighs 1,380 kg (3,042 lb). The Carrera GT is only

offered with a six-speed manual transmission, in contrast to its rival the

Ferrari Enzo that is only offered with sequential manual transmission. Also

the Carrera GT is significantly less expensive than the Ferrari Enzo. The

Ferrari Enzo is priced around $660,000 to the Carrera GT's $440,000. The

Carrera GT is known for its high quality and reliability which makes it one of

the best supercars ever.

<%}else{//否则

%>

Ferrari Testarossa

The Ferrari Testarossa is an V12 mid-engined sports car made by Ferrari.

The name, which means "red head", comes from the red painted cylinder heads on

the flat-12 engine. The engine was technically a 180?V engine since it shared

flat-plane crankshaft pins with opposing cylinders. Output was 390 hp (291

kW), and the car won many comparison tests and admirers - it was featured on

the cover of Road & Track magazine nine times in just five years. Almost

10,000 Testarossas, 512TRs, and 512Ms were produced, making this one of the

most common Ferrari models despite its high price and exotic design.

<%}%>

html" class="wordstyle">aspx" snap_preview_added="spa" snap_icon_added="spa" act_suffix ic

【责任编辑：城尘 TEL：(010) 68476636-8003】

semovy 2007-09-26 16:39 发表评论

经典的带阴影的可拖动的浮动层

semovy — Wed, 19 Sep 2007 02:34:00 GMT

MyPixbot











SeekAssist % X













SeekRank % X













MyColor % X




















Default
StyleSheet#1
StyleSheet#2
StyleSheet#3
StyleSheet#4
StyleSheet#5























Results % X

      Search
Welcome!
Ready!



semovy 2007-09-19 10:34 发表评论

跳动的菜单

semovy — Wed, 19 Sep 2007 02:31:00 GMT

模仿as效果的导航菜单

News

Populor

Sports

Woman

1.由AS而想起Javascript
2.用Jscript写ASP有没有先天性的不足？
3.没有了。

1.xhtml+css真的来了吗？
2.Flash取代传统网站
3.Flash何时才能连接数据库？

1.程序员与小姐的10个相同。
2.中国的程序员与中国的足球？

1.二十一世纪最缺的是什么?人才

http://www.gamvan.com
http://www.gamvan.com

semovy 2007-09-19 10:31 发表评论

滚动字幕

semovy — Wed, 19 Sep 2007 02:22:00 GMT

onmouseout="iScrollAmount=1">
　　轻轻的我走了，正如我轻轻的来；

　　我轻轻的招手，作别西天的云彩。

　　

　　那河畔的金柳，是夕阳中的新娘；

　　波光里的艳影，在我心头荡漾。

　　

　　软泥上的青荇，油油的在水底招摇；

　　在康河的柔波里，我甘心作一条水草。

　　

　　那榆荫下的一潭，不是清泉是天上的虹；

　　揉碎在浮藻间，沉淀彩虹似的梦。

　　

　　寻梦，撑支长篙，向青草更青处漫溯；

　　满载一船星辉，在星辉斑烂里放歌。

　　

　　但我不能放歌，悄悄是别离的笙箫；

　　夏虫也为我沉默，沉默是今晚的康桥。

　　

　　悄悄的我走了，正如我悄悄的来；

　　我挥一挥衣袖，不带走一片云彩。

　　

semovy 2007-09-19 10:22 发表评论

js普通检验 check.js

semovy — Sun, 16 Sep 2007 06:46:00 GMT

/*
-------------------------------------------------------------------------------
文件名称：check.js
说    明：JavaScript脚本，用于检查网页提交表单的输入数据
版    本：1.0
修改纪录:
---------------------------------------------------------------------------
时间  修改人  说明
2002-8-29 libo  创建
2004-03-08 xueyishan    修改,加入checkMobile()
2005-06-01 zhouming    修改了isDate()，支持格式
-------------------------------------------------------------------------------
*/

/*
用途：校验ip地址的格式
输入：strIP：ip地址
返回：如果通过验证返回true,否则返回false；
*/
function isIP(strIP) {
        if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}

/*
用途：检查输入字符串是否为空或者全部都是空格
输入：str
返回：
如果全是空返回true,否则返回false
*/
function isNull( str ){
if ( str == "" ) return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}

/*
用途：检查输入对象的值是否符合整数格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false
*/
function isInteger( str ){
var regu = /^[-]{0,1}[0-9]{1,}$/;
        return regu.test(str);
}

/*
用途：检查输入手机号码是否正确
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function checkMobile( s ){
var regu =/^[1][3][0-9]{9}$/;
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}

/*
用途：检查输入字符串是否符合正整数格式
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isNumber( s ){
var regu = "^[0-9]+$";
var re = new RegExp(regu);
if (s.search(re) != -1) {
    return true;
} else {
    return false;
}
}

/*
用途：检查输入字符串是否是带小数的数字格式,可以是负数
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isDecimal( str ){
         if(isInteger(str)) return true;
var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (re.test(str)) {
    if(RegExp.$1==0&&RegExp.$2==0) return false;
    return true;
} else {
    return false;
}
}

/*
用途：检查输入对象的值是否符合端口号格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false
*/
function isPort( str ){
return (isNumber(str) && str<65536);
}

/*
用途：检查输入对象的值是否符合E-Mail格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false
*/
function isEmail( str ){
var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
if(myReg.test(str)) return true;
return false;
}

/*
用途：检查输入字符串是否符合金额格式
格式定义为带小数的正数，小数点后最多三位
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isMoney( s ){
var regu = "^[0-9]+[\.][0-9]{0,3}$";
var re = new RegExp(regu);
if (re.test(s)) {
    return true;
} else {
    return false;
}
}
/*
用途：检查输入字符串是否只由英文字母和数字和下划线组成
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isNumberOr_Letter( s ){    //判断是否是数字或字母
var regu = "^[0-9a-zA-Z\_]+$";
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}
/*
用途：检查输入字符串是否只由英文字母和数字组成
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isNumberOrLetter( s ){    //判断是否是数字或字母
var regu = "^[0-9a-zA-Z]+$";
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}
/*
用途：检查输入字符串是否只由汉字、字母、数字组成
输入：
value：字符串
返回：
如果通过验证返回true,否则返回false
*/
function isChinaOrNumbOrLett( s ){    //判断是否是汉字、字母、数字组成
var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";
var re = new RegExp(regu);
if (re.test(s)) {
   return true;
}else{
   return false;
}
}

/*
用途：判断是否是日期
输入：date：日期；fmt：日期格式
返回：如果通过验证返回true,否则返回false
*/
function isDate( date, fmt ) {
    if (fmt==null) fmt="yyyyMMdd";
    var yIndex = fmt.indexOf("yyyy");
    if(yIndex==-1) return false;
   var year = date.substring(yIndex,yIndex+4);
   var mIndex = fmt.indexOf("MM");
    if(mIndex==-1) return false;
   var month = date.substring(mIndex,mIndex+2);
   var dIndex = fmt.indexOf("dd");
    if(dIndex==-1) return false;
   var day = date.substring(dIndex,dIndex+2);
    if(!isNumber(year)||year>"2100" || year< "1900") return false;
    if(!isNumber(month)||month>"12" || month< "01") return false;
    if(day>getMaxDay(year,month) || day< "01") return false;
    return true;
}

function getMaxDay(year,month) {
if(month==4||month==6||month==9||month==11)
  return "30";
if(month==2)
  if(year%4==0&&year%100!=0 || year%400==0)
   return "29";
  else
   return "28";
return "31";
}

/*
用途：字符1是否以字符串2结束
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false
*/
function isLastMatch(str1,str2)
{
   var index = str1.lastIndexOf(str2);
   if(str1.length==index+str2.length) return true;
   return false;
}

/*
用途：字符1是否以字符串2开始
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false
*/
function isFirstMatch(str1,str2)
{
   var index = str1.indexOf(str2);
   if(index==0) return true;
   return false;
}

/*
用途：字符1是包含字符串2
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false
*/
function isMatch(str1,str2)
{
   var index = str1.indexOf(str2);
   if(index==-1) return false;
   return true;
}

/*
用途：检查输入的起止日期是否正确，规则为两个日期的格式正确，
且结束如期>=起始日期
输入：
startDate：起始日期，字符串
endDate：结束如期，字符串
返回：
如果通过验证返回true,否则返回false
*/
function checkTwoDate( startDate,endDate ) {
if( !isDate(startDate) ) {
  alert("起始日期不正确!");
  return false;
} else if( !isDate(endDate) ) {
  alert("终止日期不正确!");
  return false;
} else if( startDate > endDate ) {
  alert("起始日期不能大于终止日期!");
  return false;
}
return true;
}

/*
用途：检查输入的Email信箱格式是否正确
输入：
strEmail：字符串
返回：
如果通过验证返回true,否则返回false
*/
function checkEmail(strEmail) {
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if( emailReg.test(strEmail) ){
  return true;
}else{
  alert("您输入的Email地址格式不正确！");
  return false;
}
}

/*
用途：检查输入的电话号码格式是否正确
输入：
strPhone：字符串
返回：
如果通过验证返回true,否则返回false
*/
function checkPhone( strPhone ) {
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;
var prompt = "您输入的电话号码不正确!"
if( strPhone.length > 9 ) {
  if( phoneRegWithArea.test(strPhone) ){
   return true;
  }else{
   alert( prompt );
   return false;
  }
}else{
  if( phoneRegNoArea.test( strPhone ) ){
   return true;
  }else{
   alert( prompt );
   return false;
  }
}
}

/*
用途：检查复选框被选中的数目
输入：
checkboxID：字符串
返回：
返回该复选框中被选中的数目
*/
function checkSelect( checkboxID ) {
var check = 0;
var i=0;
if( document.all(checkboxID).length > 0 ) {
  for( i=0; i    if( document.all(checkboxID).item( i ).checked ) {
    check += 1;
   }
  }
}else{
  if( document.all(checkboxID).checked )
   check = 1;
}
return check;
}

function getTotalBytes(varField) {
if(varField == null)
  return -1;

var totalCount = 0;
for (i = 0; i< varField.value.length; i++) {
  if (varField.value.charCodeAt(i) > 127)
   totalCount += 2;
  else
   totalCount++ ;
}
return totalCount;
}

function getFirstSelectedValue( checkboxID ){
var value = null;
var i=0;
if( document.all(checkboxID).length > 0 ){
  for( i=0; i    if( document.all(checkboxID).item( i ).checked ){
    value = document.all(checkboxID).item(i).value;
    break;
   }
  }
} else {
  if( document.all(checkboxID).checked )
   value = document.all(checkboxID).value;
  }
return value;
}

function getFirstSelectedIndex( checkboxID ){
var value = -2;
var i=0;
if( document.all(checkboxID).length > 0 ){
  for( i=0; i    if( document.all(checkboxID).item( i ).checked ) {
    value = i;
    break;
   }
  }
} else {
  if( document.all(checkboxID).checked )
   value = -1;
}
return value;
}

function selectAll( checkboxID,status ) {
if( document.all(checkboxID) == null)
  return;

if( document.all(checkboxID).length > 0 ){
  for( i=0; i    document.all(checkboxID).item( i ).checked = status;
  }
} else {
  document.all(checkboxID).checked = status;
}
}

function selectInverse( checkboxID ) {
if( document.all(checkboxID) == null)
  return;

if( document.all(checkboxID).length > 0 ) {
  for( i=0; i    document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked;
  }
} else {
  document.all(checkboxID).checked = !document.all(checkboxID).checked;
}
}

function checkDate( value ) {
if(value=='') return true;
if(value.length!=8 || !isNumber(value)) return false;
var year = value.substring(0,4);
if(year>"2100" || year< "1900") return false;

var month = value.substring(4,6);
if(month>"12" || month< "01") return false;

var day = value.substring(6,8);
if(day>getMaxDay(year,month) || day< "01") return false;

return true;
}

/*
用途：检查输入的起止日期是否正确，规则为两个日期的格式正确或都为空
且结束日期>=起始日期
输入：
startDate：起始日期，字符串
endDate：结束日期，字符串
返回：
如果通过验证返回true,否则返回false
*/
function checkPeriod( startDate,endDate ) {
if( !checkDate(startDate) ) {
  alert("起始日期不正确!");
  return false;
} else if( !checkDate(endDate) ) {
  alert("终止日期不正确!");
  return false;
} else if( startDate > endDate ) {
  alert("起始日期不能大于终止日期!");
  return false;
}
return true;
}

/*
用途：检查证券代码是否正确
输入：
secCode:证券代码
返回：
如果通过验证返回true,否则返回false
*/
function checkSecCode( secCode ) {
if( secCode.length !=6 ){
  alert("证券代码长度应该为6位");
  return false;
}

if(!isNumber( secCode ) ){
  alert("证券代码只能包含数字");
  return false;
}
return true;
}

/****************************************************
function : cTrim(sInputString,iType)
description : 字符串去空格的函数
parameters : iType： 1=去掉字符串左边的空格
      2=去掉字符串左边的空格
      0=去掉字符串左边和右边的空格
return value: 去掉空格的字符串
****************************************************/
function cTrim(sInputString,iType)
{
var sTmpStr = ' ';
var i = -1;

if(iType == 0 || iType == 1)
{
  while(sTmpStr == ' ')
  {
   ++i;
   sTmpStr = sInputString.substr(i,1);
  }
  sInputString = sInputString.substring(i);
}
if(iType == 0 || iType == 2)
{
  sTmpStr = ' ';
  i = sInputString.length;
  while(sTmpStr == ' ')
  {
   --i;
   sTmpStr = sInputString.substr(i,1);
  }
  sInputString = sInputString.substring(0,i+1);
}
return sInputString;
}

/*
-------------------------------------------------------------------------------
说    明：JavaScript脚本，验证表单中的数据项 begin
-------------------------------------------------------------------------------
*/
function checkForm(objFrm){
var len = 0;
len = objFrm.elements.length;

var i = 0;
var objCheck;
//文本框
for(i = 0; i < len; i ++){
  objCheck = objFrm.elements[i];
  if(objCheck.type =="text" && !f_checkTextValid(objCheck) ){
   return false;
  }
}
//下拉框
for(i = 0; i < len; i ++){
  objCheck = objFrm.elements[i];
  if(objCheck.type =="select-one" && !f_checkSelectValid(objCheck) ){
   return false;
  }
}
//时间段有效
if( f_checkStartAndEndDate(objFrm) == false) return false;

return true;
}
function f_checkSelectValid(obj){
//alert("check select");
if(obj.options.length <= 0){
  alert("下拉选框无数据!");
  return false;
}
return true;
}
function f_checkStartAndEndDate(frm){
var len = frm.elements.length;
if(len == null && len == 0) return true;
var i=0;
var temp;
var objCheck;
var objStartDate;
var objEndDate;
//alert("start date period check");
try{
  for(i=0; i< len ; i++){
   objCheck = frm.elements[i];
   temp = objCheck.name;
   if( temp.indexOf("startDate") >0 ||temp.indexOf("beginDate")>0 )
    objStartDate = objCheck;
   if( temp.indexOf("endDate") > 0 )
    objEndDate = objCheck;

  }
  //alert(objStartDate.value);
  //alert(objEndDate.value);
  if(objStartDate.value==null || objStartDate.value =="" || objStartDate.value ==null || objStartDate.value ==""){
   return true;
  }
  return checkTwoDate(objStartDate.value, objEndDate.value);
  //alert("end date period check");
}catch(E){}
return true;
}

function f_checkTextValid(obj){
//不能为空
if(obj.getAttribute("isNeed") != null){
  if(f_isNotNull(obj) == false) return false;
}
//不能超过长度
if(obj.getAttribute("maxlength") != null){
  if(f_checkLength(obj) == false) return false;
}
var checkType ="";
checkType = obj.getAttribute("checkType");
if(checkType==null||checkType=="") return true;
//
if (checkType.indexOf("number") >=0){
  if(f_isNumber(obj) == false) return false;
  if(f_checkNumType(obj,checkType) == false) return false;

}
//
if (checkType.indexOf("positive") >=0){
  if(f_isNumber(obj) == false) return false;
  if(f_isPositive(obj)==false) return false;
  if(f_checkNumType(obj,checkType) == false) return false;

}
if (checkType.indexOf("date") >=0){
  if(f_checkDate(obj) == false) return false;

}

/*
switch(checkType){
  case "number": if(f_isNumber(obj) == false) return false;break;
  case "date": if(f_checkDate(obj) == false) return false;break;
  default:
}
*/
return true;
}

function f_isNotNull(obj){
if(obj.value == ""){
  f_alert(obj, " 不允许为空值！");
  return false;
}
return true;
}

function f_isNumber(obj){
if(isNaN(obj.value)){
   f_alert(obj," 应为数值类型");
  return false;
}
return true;

}
function f_checkDate(obj) {
if(checkDate(obj.value) ==false){
   f_alert(obj," 不是合法日期格式！");
  return false;
}
return true;
}

function f_checkLength(obj){
if(getTotalBytes(obj) > Math.abs( obj.getAttribute("maxlength") ) ){
   f_alert(obj," 超出长度限制!");
  return false;
}
return true;

}

function f_alert(obj,alertStr){
var fielName = obj.getAttribute("fieldName");
if(fielName == null)
  fielName = "";
alert(fielName + "\n" +alertStr);
obj.select();
obj.focus();
}

function f_checkNumType(obj, numType){
//假设: 已经进行数字类型判断

var strTemp;
var numpric;
var numLen;
var strArr;
var defaultLen = 19;
var defaultpric = 5;

try{
  if(numType == null|| numType =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  if(numType.indexOf("(") < 0 || numType.indexOf(")") < 0 ) return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  strTemp = numType.substr( numType.indexOf("(") + 1 ,numType.indexOf(")") - numType.indexOf("(") -1 );
  if(strTemp == null||strTemp =="") return f_checkNumLenPrec(obj,defaultLen, defaultpric);
  strArr = strTemp.split(",");
  numLen = Math.abs( strArr[0] );
  numpric = Math.abs( strArr[1] );
  return f_checkNumLenPrec(obj,numLen, numpric);
}catch(e){
  alert("in f_checkNumType = " + e);
   return f_checkNumLenPrec(obj,defaultLen, defaultpric);
}

}

function f_checkNumLenPrec(obj, len, pric){
var numReg;
var value = obj.value;
var strValueTemp, strInt, strDec;
//alert(value + "=====" + len + "====="+ pric);
try{

  numReg =/[\-]/;
  strValueTemp = value.replace(numReg, "");
  strValueTemp = strValueTemp.replace(numReg, "");
  //整数
  if(pric==0){
   numReg =/[\.]/;
   //alert(numReg.test(value));
   if(numReg.test(value) == true){
    f_alert(obj, "输入必须为整数类型!");
    return false;
   }
  }

  if(strValueTemp.indexOf(".") < 0 ){
   //alert("lennth==" + strValueTemp);
   if(strValueTemp.length >( len - pric)){
    f_alert(obj, "整数位不能超过"+ (len - pric) +"位");
    return false;
   }

  }else{
   strInt = strValueTemp.substr( 0, strValueTemp.indexOf(".") );
   //alert("lennth==" + strInt);
   if(strInt.length >( len - pric)){
    f_alert(obj, "整数位不能超过"+ (len - pric) +"位");
    return false;
   }

   strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length );
   //alert("pric==" + strDec);
   if(strDec.length > pric){
    f_alert(obj, "小数位不能超过"+ pric +"位");
    return false;
   }
  }

  return true;
}catch(e){
  alert("in f_checkNumLenPrec = " + e);
  return false;
}
}

function f_isPositive(obj){
var numReg =/[\-]/;
if(numReg.test(obj.value) == true){
  f_alert(obj, "必须为正数!");
  return false;
}
return true;

}

/*
function selectedCheckboxCount(form)
功能说明：对Form中选中的可选项计数

参数说明：
form:指定的表单
*/
function selectedCheckboxCount(form){
var length =0;
var i=0;
var count =0;
eles = form.elements;
while(i   obj= eles.item(i);
//  type = obj.attributes.item("type").nodeValue;
        type = obj.type;
  if(type == "checkbox"){
   if(obj.checked){
    count++;
   }
  }
  i++;
}
return count;
}

//得到字节长度
function getByteLen(str)
{
        var l = str.length;
        var n = l;
        for ( var i=0; i
                if ( str.charCodeAt(i) <0 || str.charCodeAt(i) >255 )
                        n=n+1;
        return n
}

/*
说明：
1.清除表格中的数据(0.0 和 0)
2.如果cell中没有数据，则自动加上一个空格
3.清除空白行的checkbox

参数：
clearzero:是否清除"0"、"0.0"，false不清除、true清除（默认为true）
tablename:要清除的表格名字，默认为sortTable
*/
function clear_table(clearzero,tablename)
{
var tobject;
if(tablename==null)
  tobject=gmobj("sortTable");
else
  tobject=gmobj(tablename);
//如果table未定义，则不进行过滤

if(tobject==null)
  return;


//如果函数调用参数为空，表示要清除0、0.0；反之，不要清除0、0.0。
var clear = (clearzero==null)?true:clearzero;

//清除0、0.0，填补空格
var rows = tobject.rows;
var j=0;
for(var i=0;i {
  //取得第一个cell的属性clear，如果为1，表示该行没有数据，则清除该行所有数据

   while(tobject.rows[i].cells[j] != null)
   {
    if(clear)
    {
     if(tobject.rows[i].cells[j].innerHTML==0 ||tobject.rows[i].cells[j].innerHTML==0.0||tobject.rows[i].cells[j].innerHTML=="")
      tobject.rows[i].cells[j].innerText=" ";
    }
    else
    {
     if (tobject.rows[i].cells[j].innerHTML=="")
      tobject.rows[i].cells[j].innerText=" ";
    }
    j++;
   }
   j=0;

}
    return true;
}

function gmobj(mtxt) /* Get object by object name */
{
if (document.getElementById) {
      m=document.getElementById(mtxt);
} else if (document.all) {
      m=document.all[mtxt];
} else if (document.layers) {
      m=document.layers[mtxt];
}
return m;
}
/*
-------------------------------------------------------------------------------
说    明：JavaScript脚本，验证表单中的数据项 end
-------------------------------------------------------------------------------
*/

/*
用途：检查输入字符串是否是带小数的数字格式,可以是负数(并且满足规定的精度)
输入：str：字符串
            l：总位数
           d：小数点后位数
返回：
如果通过验证返回true,否则返回false
*/
function isDecimal( str,l,d ){
         if(isInteger(str)) {
    if (l==null) return true;
    if (str<0) l--;
      if (str.length<=l) return true;
         }

         var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
       if (re.test(str)) {
  if (l==null) return true;
  if (d==null) d=0;
        if(RegExp.$1==0&&RegExp.$2==0) return false;
  if (RegExp.$1.length+RegExp.$2.length<=l
   && RegExp.$2.length<=d) return true;
    }
return false;
}

semovy 2007-09-16 14:46 发表评论

javascript固定div位置在页面中的位置

semovy — Wed, 12 Sep 2007 07:03:00 GMT

AAAAAAAA

正中...

左上...

左下...

右上...

右下...

semovy 2007-09-12 15:03 发表评论

Javascript 获取滚动条位置

semovy — Wed, 12 Sep 2007 02:50:00 GMT

semovy 2007-09-12 10:50 发表评论

prototype.js开发实例

semovy — Mon, 10 Sep 2007 15:30:00 GMT
     摘要: Table of Contents 1. Programming Guide 1.1. Prototype是什么? 1.2. 关联文章 1.3. 通用性方法   1.3.1. 使用 $()方法   1.3.2. 使用$F()方法   1.3.3. 使用$A()方法 &nb...  阅读全文

semovy 2007-09-10 23:30 发表评论

为图片添加圆角与3D阴影

semovy — Sun, 02 Sep 2007 14:37:00 GMT
为图片添加圆角与3D阴影

semovy 2007-09-02 22:37 发表评论

BlogJava-semovy-文章分类-JavaScript

兼容IE8、火狐的本地图片预览+等比例缩放

Javascript 方法大全

JAVASCRIPT校验大全

调用qq的方法

得到页面body区域内容的高度

Javascript面向对象特性（转载）

转一个。。js在IE与firefox的差别。。。

escape,encodeURI,encodeURIComponent 比较

js常用的事件对象

带阴影,可拖动,圆角,div + css 层

javascript 的面向对象特性参考

js日期时间函数

select innerHTML在IE和FireFox下处理

常用JS加密编码算法 转[千里冰封]

js控制input输入字符限制

js常用函数属性事件集

兼容于ie,firefox,netscape的等比例图片本地预览的javascript实现

鼠标滑过链接出现的对话框式提示效果

一个精美强大的JS日历

Windows关机效果分析

Porsche Carrera GT

Ferrari Testarossa

经典的带阴影的可拖动的浮动层

跳动的菜单

滚动字幕

js普通检验 check.js

javascript固定div位置在页面中的位置

Javascript 获取滚动条位置

prototype.js开发实例

为图片添加圆角与3D阴影

常用JS加密编码算法转[千里冰封]