浏览模式: 标准 | 列表分类:Javascript

JS取当时间的一个很妖的方法

Submitted by gouki on 2008, September 30, 10:55 PM

关于new Date().getTime()的简写方式.

原文来自cssrain，只取了其中的一小部分。http://www.cssrain.cn/demo/3/newDate.html

小结：
（1）getTime（new Date.getTime 方法）
返回指定的 Date 对象自 1970 年 1 月 1 日午夜（通用时间）以来的毫秒数。当比较两个或更多个 Date 对象时，使用此方法表示某一特定时刻。
返回值类型：Number -- 一个整数。

（2）
function now(){
return +new Date;
}
jQuery 源代码里就是使用的 +new Date ;

(3)
用来判断 google 浏览器：
if( !isNaN(Date.parse("1970.01.01")) ){
alert("This is Google Chrome!");
}else{
alert("This is NOT!");
}

结果：1和2的结果是一样的。但这个number是13位的number，和PHP中的时间戳并非同一个意义

Tags: time, jquery, gettime, date

Javascript | 评论:0 | 阅读:294

祝贺：微软也开源将采用jQuery JavaScript库

Submitted by gouki on 2008, September 29, 8:08 PM

微软和诺基亚正式宣布支持开源的 jQuery JavaScript库，另外，微软还称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示，代码片段，示例，文档编制等内容在内的功能。微软和诺基亚将长期成为jQuery的用户成员，其他成员还有Google, Intel, IBM, Intuit, 路透社等。

Tags: javascript, jquery, microsoft, nokia, google

Javascript | 评论:0 | 阅读:303

开心网争车位

Submitted by gouki on 2008, September 1, 10:10 AM

当你的车越来越多的时候，是不是感觉车没地方停？没关系，你不是还有两个邻居嘛。。。看不到？没事。

Firefox的话是很方便，打开firebug，在控制台里输入：gotoneighbor(1);运行一下就行了。

IE的话，需要在地址栏里：javascript:gotoneighbor(1);void(); 有的需要void();，有的不需要，自己测试吧。

Tags: 开心网, 争车位, 查看, 隐藏, 邻居

Javascript | 评论:1 | 阅读:3226

图片自动缩放

Submitted by gouki on 2008, August 31, 12:12 AM

图片的大小在不受控制的时候，我们不得不写函数来进行控制，依稀记得目前所有的jQuery图片处理函数里都有类似的函数了。但我在看到网上有人写了这个resize函数之后。不禁还是拿回来加工处理一下。以便以后随时可用。
函数如下：

JavaScript代码

var MAX_WIDTH = 100;
var MAX_HEIGHT = 75;
function resizeImage( source_image , max_width , max_height){
var image = new Image();
image.src = source_image.src;
if (!max_width || parseInt(max_width) <= 0){
max_width = MAX_WIDTH;
}
if (!max_height || parseInt(max_height) <= 0){
max_height = MAX_HEIGHT;
}
//开始检查图片
if(image.width > 0 && image.height > 0 ){
var image_rate = 1;
if( (max_width / image.width) < (max_height / image.height)){
image_rate = max_width / image.width ;
}else{
image_rate = max_height / image.height ;
}
if ( image_rate <= 1){
source_image.width = image.width * image_rate;
source_image.height = image.height * image_rate;
}
}
}

用法很简单，js代码在文件头部加载后，如果遇到有图片需要缩放的，直接在<img>标签里加上：onload="resizeImage(this,300,200);"这样的代码。就可以自动缩小了。
目前并没有加上放大。
当然，我之所有转载并优化这个函数，是因为我想用在jQuery里面的。在使用jQuery的时候，必须把代码放在footer里才行。
代码如下：

JavaScript代码

$('img[@class=test]').load(function(){
resizeImage(this,300,200)
})
//[@class=test]代表了凡是图片的class是为test的，都将执行这个“自动缩放”函数，当然你也可以用其他的来代替，比如[@name=test]，则代表了如果img标签里，name=test的图片都将执行这个图片缩放程序。

放大等以后有空再写，本来想写成jQuery的插件的。可是想想好象意义不大。。。

Tags: image, onload, autoresize, rate

Javascript | 评论:1 | 阅读:963

CSS背景

Submitted by gouki on 2008, August 23, 9:02 AM

不多说啥了。在网上看到这篇文章，难得是有详细介绍的。。虽然这个功能我很多时候其实已经在用了，但。那都是直接拿来用的，并没有深刻的研究过。今天这里终于看到一个有注释的，就贴上来看看。

这种用法，是被YAHOO所推荐的。因为。这样的用法，降低了图片的下载量。而且并在一起，并不会给图片的大小增加很多。

原文：http://iruif.cn/swd/?p=25
这里只贴重要的内容。请原作者不要伤心。谢谢

图片文件为：

首先我们得控制好要应用小图标的对象的高度. 否则到时候这个图标就会显示异常了.

比如说我们要给 li 标签使用这个小东东, 那么我们就得写上这样的代码:

CSS代码

li {
height: 12px; /* 这个高度等于每个小图标的高度 */
line-height: 12px; /* 这个同上. 但只是有些时候需要写这个而已. */
background: url('icons.gif') 0 -12px; /* 这里的 -12px 就是定义你要使用第几个图标. 如果每个图标的高度都是 12px 的话, 那么我要使用第 N 个图标的话就得写 n*12 . */
padding-top: 0; /* 这个要严格限定为 0 . 否则呢, 哼哼哈莉.. */
padding-bottom: 0; /* 这个也一样.. */
padding-left: 14px; /* 这个肯定是要设定一个值的.. 否则小图标就会被文字覆盖掉.. padding-right 可以设定也可以不设定.. */
margin: 2px 0; /* 如果要设定每个 li 标签之间的距离话, 就要改这个了.. */
overflow: hidden; /* 在有些情况下需要写这个. 具体作用我就不多解释了. */
}