FireFox 3.0测试版(BETA)下载地址(0 位领导批示)

据介绍firefox3.0是要针对内存进行优化的,这是真正ff3.0测试版的下载地址,大家可以试用

因为是BETA版本,可能会出现很多问题

下载列表: http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/2007-11-07-11-firefox3.0b1-l10n

暂时没有中文版本

Flex似乎越来越受到重视?(0 位领导批示)

从YAHOO中国才开始了解到有这样一门不算新的技术,呵呵,还模仿YAHOO写了个JS版的侧边栏效果,但明显没有YAHOO的COOL。看来有必要了解一下FLEX了。

P.S. 经典论坛 似乎挂掉了,好多教程都看不到了-。-

以下是引用:

Adobe Flex 是为满足希望开发 Rich Internet 应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架。RIA 将桌面软件的响应速度和丰富功能与 Web 应用程序的广度结合在一起,以提供效果更好的最终用户体验。Flex 表示服务器提供基于标准的、声明性的编程方法和流程,并提供运行时服务,用于开发和部署丰富客户端应用程序的表示层。Flex 开发者使用直观的基于 XML 的语言来定义丰富的用户界面;该语言由 Flex 服务器翻译成智能的客户端应用程序,在普遍存在的 Flash 运行时环境中运行。

Tags :

练习 JS做的北京奥运会倒计时,精确到秒(0 位领导批示)

Demo http://www.zdyi.com/code/bj2008/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!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=gb2312" />
<title>北京2008奥运会开幕倒计时</title>
<style>
* {margin:0;padding:0;font-size:12px;font-family:Calibri, Arial, Helvetica, sans-serif;}
body,html {height:100%;}
#beijing2008 {text-align:center;height:100%;line-height:50;color:#333;margin:auto;}
</style>
</head>
<body>
<div id="beijing2008"></div>
<script>
var now = new Date();
function beijing2008()
{
	var iStart = new Date("8/08/2008 20:00:00");//设置奥运会开幕时间
	now.setTime(now.getTime() + 250);//修正误差
 
	days	= (iStart - now) / 1000 / 60 / 60 / 24;
	dayNum 	= Math.floor(days);//获取天数
	hours 	= (iStart - now) / 1000 / 60 / 60 - (24 * dayNum);
	houNum 	= Math.floor(hours);//获取小时
	if(houNum < 10){houNum = "0" + houNum}
	minutes = (iStart - now) / 1000 / 60 - (24 * 60 * dayNum) - (60 * houNum);
	minNum	= Math.floor(minutes);//获取分钟
	if(minNum < 10){minNum = "0" + minNum};
	seconds	= (iStart - now) / 1000 - (24 * 60 * 60 * dayNum) - (60 * 60 * houNum) - (60 * minNum);
	secNum	= Math.floor(seconds);//获取秒钟
	if(secNum < 10){secNum = "0" + secNum};
 
	var show = document.getElementById("beijing2008");
	show.innerHTML = "距2008北京奥运会开幕还有&nbsp;" + dayNum + "&nbsp;天&nbsp;" + houNum + "&nbsp;时&nbsp;" + minNum + "&nbsp;分&nbsp;" + secNum + "&nbsp;秒" 
}
setInterval("beijing2008()",250);
</script>
</body>
</html>

Mozilla免费调试器 JavaScript Debugger(0 位领导批示)

刚下载了一个Mozilla免费调试器 JavaScript Debugger。这个调试器的前身为Netscape的JavaScript调试器,它是Mozilla的一个附加产品。Venkman JavaScript调试器既是一个图形,也是一个控制台调试器。下载并安装Venkman JavaScript调试器后,就可以通过“工具|Web开发|JavaScript调试器”菜单启动它。这个附加产品允许你查看和调试位于源文件或网页中的JavaScript。

进入下载页面

OpenSocial VS FaceBook(0 位领导批示)

简而言之,Google已经创建出一套社交网络框架,着将终结与Facebook和Myspace的竞争(以及美国市场上的Bebo)。它是社交网络的“第三方”(third place)——对于那些缺乏流行性或过分专门的社交网络,如Ning, Hi5以及我们的老朋友Friendster来说,这是一个巨大的推进契机。

对开发者而言,也有许多益处。他们可建立一种易于在全体OpenSocial合作者间通用的网络应用。他们可使用HTML,Javascript和Flash——而不是Facebook迫使用户采用的自有语言。

对使用者来说,好处在哪里,并不明朗。我设想将会有一些互用性——例如,当使用者加入社交站点Ning后,将有置入他们Friendster页面和数据的链钩(hook)。它正是Marc Canter一直呼吁的全面“输出”功能吗?这还有待观察。但我想,不管怎样,至少不会出现从OpenSocial到Facebook或Myspace的输出功能。虽然我更希望自己是错的。

就目前所公开的消息中来看,它似乎是Google创造的又一个典型的分布式系统(就像Adsense、搜索)。其目标当然是瞄准来自Facebook和Myspace的挑战。Facebook已抢占先机,成为主流开发者平台。既然Goolge并不“拥有”第三方网络, 即像Hi5 和Friendster 这样有力的社交网站——于是Google就变成那些社交网络的平台。

现在的局势是Facebook vs MySpace vs 其它社交网络——如今,这其余的站点都在Google的框架下运行。

原文地址 http://yeeyan.com/articles/view/ewine/2832

M$今天发布OpenSocial地址,拭目以待

JS 输入数值 转化为货币格式(0 位领导批示)

一看到这个问题我就想到要用正则,懒得写,狗狗下,便有了如下代码

  1. <script>
  2. function cc(s){
  3.         if(/[^0-9\.]/.test(s)) return "invalid value";
  4.         s=s.replace(/^(\d*)$/,"$1.");
  5.         s=(s+"00").replace(/(\d*\.\d\d)\d*/,"$1");
  6.         s=s.replace(".",",");
  7.         var re=/(\d)(\d{3},)/;
  8.         while(re.test(s))
  9.                 s=s.replace(re,"$1,$2");
  10.         s=s.replace(/,(\d\d)$/,".$1");
  11.         return "¥" + s.replace(/^\./,"0.")
  12.         }
  13. </script>
  14. <input onchange="this.value=cc(this.value)">

YAHOO的侧边栏效果之js版(0 位领导批示)

今天看到有人把我前阵做的js小练习放到了博客上,还不标明原作者,看来我得行动了。今天补救

Demo http://www.zdyi.com/lab/yahoo

Download http://www.zdyi.com/lab/yahooo.rar

转载请注明出处.

Google搜索的7个技巧(1 位领导批示)

本文转载自 译言

  我在下面编辑了一份包含7个使用Google的技巧的清单,我相信每个人都会想要知道这些.我认为这些技巧合在一起已经代表了使用Google搜索的所有技巧和方法的最高成就.虽然除此之外还有很多小技巧,但这7个一直是我的最爱,好好享受吧.

  1. 找出背后的脸-灵活使用此技巧,你可以过滤Google的图片搜索,使之只出现人的图像.这有什么用?这么说吧,如果你要找一个有名的人的图片,但是与之同名的产品,公司或者地理位置什么的会使你困扰,这个小技巧能让你更得心应手.想使用这个方法,你只需要在标准图片搜索之后在URL地址后面加上后缀&imgtype=face.
点击这里看示例

  2.Google + 社会媒体网站 = 免费的好东东-如果你正在寻找免费的桌面壁纸,股票图片, Wordpress模板或者类似的东西,用Google搜索你最喜欢的社会媒体网站是最好的选择.直接搜索”免费”的时候立即跳出大量垃圾广告信息.但是既然相当数量的社会媒体网站已经有一个社区的用户将优秀的东西进行了筛选和排名,你为什么还要在这些垃圾信息中如履薄冰呢?你需要的只是直接在 Google里搜索这些社会媒体网站的内容,然后,哦也….你轻而易举地找到了大量用户挖掘出的优秀资源.
点击这里看示例

  3.找到免费的匿名网络代理-一个免费的匿名网络代理允许任何浏览器通过代理访问第三方的网页.网络代理在你的浏览器和你要浏览的网站中扮演一个中间人的角色.为什么需要这样?一般有这两个原因:
* 你在一个公共场所,比如咖啡店或者网吧上网,你希望在你浏览网页的时候保护自己的隐私.你不想网管知道你浏览的每一个网页.
* 你想要绕过一个网络过滤器或者是你服务器端的禁令(比如众所周知的国内的困境,译者注). 内容过滤在校园网上尤其常见. 这个小技巧通常可以绕过这些限制.
  有很多受捐助的服务和程序,例如TOR和付款的VPN服务,可以满足这样的需求.但是这个技巧是免费且方便的,在任何地方,都可以通过Google达到.你只需要按照以下的格式搜索,在结果中选择一个可以用的,然后输入你想浏览网页的地址.
点击这里看示例

  4.Google搜索音乐,视频,电子书-Google几乎可以搜索所有格式的文件,包括Mp3,PDF,和视频.开放的网络目录是快速找到无数的免费的可下载的文件最简单的方法之一了.这是一个老方法,确是一个好方法!
点击这里看示例

  5.浏览全球范围内的公开摄像头-你可以通过搜索Google随机地浏览全球范围内的摄像头流媒体.这可能不是最有效的Google技巧,但却是最有趣的!(作者:你可能需要立即安装一个ActiveX控件或者Java运行环境,以允许你的浏览器获取这些视频流格式)
点击这里看示例

  6.从图片的角度判断一个网页-通过随机查看一个页面上的图片,我们可以高瞻远瞩地了解这个网站的概况.甚至,如果你已经非常了解这个网站的内容,这个技巧也会让你发现一些有趣的东西.几乎可以肯定,你一定会看到一些让你惊奇的图片.你需要做的只是用Google的site搜索:在图像搜索里指向一个网站域名:
点击这里看示例

  7.基于第三方观点的结果-有时候你看一个网页的时候,会想要看看其他的网站对它的评价,以得到一个更全面的了解.allinanchor:这个Google搜索记号可以节省你大量的时间,直接传递你想要的信息.它基于关键字进行严格的搜索,在锚文本或者链接文本中,对第三方网站链接到该网页的内容进行查询.换句话说,这个符号过滤了你的搜索结果,它使Google忽略掉页面的标题和内容,而着重看其他网页对引用页面的借鉴的结果.它会给你的搜索结果带来一个全新的改变.
点击这里看示例

额外的:
  这是一个我最喜欢的Google搜索技巧的清单:

* link:URL = 列出到链接到目标URL的网页清单.
* related:URL = 列出于目标URL地址有关的网页.
* site:domain.com 搜索区域仅限于目标网站.
* allinurl:WORDS = 只显示在URL地址里有搜索结果的页面.
* inurl:WORD = 跟allinurl类似,但是只在URL中搜索第一个词.
* allintitle:WORD = 搜索网页标题.
* intitle:WORD = 跟allintitle类似,但是只在标题里搜索第一个词.
* cache:URL = 将显示关于URL的Google缓存(中国不可用).
* info:URL = 将显示一个包含了这些元素的页面:类似结果的链接,反向链接,还有包括了这个URL的页面.在搜索框里直接输入URL会起到同样的效果.
* filetype:SOMEFILETYPE = 指定文件类型.
* -filetype:SOMEFILETYPE = 剔除指定文件类型.
* site:www.somesite.net “+www.somesite.net” = 显示该站点有多少网页被google收录
* allintext: = 搜索文本,但不包括网页标题和链接
* allinlinks: = 搜索链接, 不包括文本和标题
* WordA OR WordB = 搜索包含两关键词之一的页面
* “Word” OR “Phrase” = 精确的要求搜索单词或者句子
* WordA -WordB = 包含单词A但是不包含单词B
* WordA +WordB = 都包含
* ~WORD = 寻找此单词和它的同义词
* ~WORD -WORD = 只搜索同义词,不要原词

more

JS练习之改善用户体验,弹出登录窗口(4 位领导批示)

Demo www.qqdang.net/code/myAlert/

Code

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>弹出提示</title>
  6. <style>
  7. * {margin:0;padding:0;font-size:12px;}
  8. html,body {height:100%;width:100%;}
  9. #content {background:#f8f8f8;padding:30px;height:100%;}
  10. #content a {font-size:30px;color:#369;font-weight:700;}
  11. #alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}
  12. #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}
  13. #alert h4 span {float:left;}
  14. #alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}
  15. #alert p {padding:12px 0 0 30px;}
  16. #alert p input {width:120px;margin-left:20px;}
  17. #alert p input.myinp {border:1px solid #ccc;height:16px;}
  18. #alert p input.sub {width:60px;margin-left:30px;}
  19. </style>
  20.  
  21. </head>
  22.  
  23. <body>
  24. <div id="content">
  25. <a href="#">注册</a>
  26. </div>
  27. <div id="alert">
  28. <h4><span>现在注册</span><span id="close">关闭</span></h4>
  29. <p><label>用户名</label><input type="text" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
  30. <p><label>密 码</label><input type="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
  31. <p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
  32. </div>
  33. <script type="text/javascript">
  34. var myAlert = document.getElementById("alert");
  35. var reg = document.getElementById("content").getElementsByTagName("a")[0];
  36. var mClose = document.getElementById("close");
  37. reg.onclick = function()
  38. {
  39. myAlert.style.display = "block";
  40. myAlert.style.position = "absolute";
  41. myAlert.style.top = "50%";
  42. myAlert.style.left = "50%";
  43. myAlert.style.marginTop = "-75px";
  44. myAlert.style.marginLeft = "-150px";
  45.  
  46. mybg = document.createElement("div");
  47. mybg.setAttribute("id","mybg");
  48. mybg.style.background = "#000";
  49. mybg.style.width = "100%";
  50. mybg.style.height = "100%";
  51. mybg.style.position = "absolute";
  52. mybg.style.top = "0";
  53. mybg.style.left = "0";
  54. mybg.style.zIndex = "500";
  55. mybg.style.opacity = "0.3";
  56. mybg.style.filter = "Alpha(opacity=30)";
  57. document.body.appendChild(mybg);
  58. document.body.style.overflow = "hidden";
  59. }
  60.  
  61. mClose.onclick = function()
  62. {
  63. myAlert.style.display = "none";
  64. mybg.style.display = "none";
  65. }
  66. </script>
  67. </body>
  68. </html>

Input 设为只读 readonly 与 disabled 的区别(1 位领导批示)

怎样使input中的内容为只读,也就是说不让用户更改里面的内容。

  1. <input type="text" name="input1" value="中国" onfocus=this.blur() />
  2. <input type="text" name="input1" value="中国" readonly />
  3. <input type="text" name="input1" value="中国" disabled />

最好不要用disabled,不然就无法取出里面的值了.

  1. <input type="text" name="input1" value="中国" readonly="true" />
  2. <input type="text" name="input1" value="中国" readonly style="color:#999 ;" />

注意:在JS更改readonly属性时区分大小写 readOnly

随机显示的10篇日志

评论最多的10篇日志

浏览最多的10篇日志