Entries (RSS)
Comments (RSS)

Archive for September, 2005

Pages (4): 1 2 3 4 »

Deer park alpha 新技术

Sep 28, 2005 Author: | Filed under: Uncategorized

列布局

http://www.w3.org/TR/2001/WD-css3-multicol-20010118/

Canvas画图

http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas

</p> <p><html></p> <p> <head></p> <p> <script type="application/x-javascript"></p> <p>function draw() {</p> <p> var canvas = document.getElementById("canvas");</p> <p> var ctx = canvas.getContext("2d");</p> <p> ctx.fillStyle = "rgb(200,0,0)";</p> <p> ctx.fillRect (10, 10, 50, 50);</p> <p> ctx.fillStyle = "rgba(0, 0, 200, 0.5)";</p> <p> ctx.fillRect (30, 30, 50, 50);</p> <p>}</p> <p> </script></p> <p> </head></p> <p> <body onload="draw()"></p> <p> <canvas id="canvas" width="300" height="300"></canvas></p> <p> </body></p> <p></html></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

快速返回

Fast back (and forward)

This very experimental feature allows much faster session history navigation. The feature is off by default but can be enabled for testing purposes by setting the browser.sessionhistory.max_viewers preference to a nonzero number.

全部来自：

http://developer.mozilla.org/en/docs/What’s_New_in_Deer_Park_Alpha

[Edit on 2005-9-28 18:17:00 By guoshuang]

CSS 3 之:only-child 伪类

Sep 28, 2005 Author: | Filed under: Uncategorized

目前只有 firefox(1.5)支持，ie和opera(8.5)不行。选取无兄弟节点的节点。

</p> <style> <p>p a:only-child {background:red}</p> </style> <p><a>1212121</a></p> <p><a>1212121</a><a>1212121</a></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[Edit on 2005-9-28 18:07:33 By guoshuang]

CSS 之 quotes 属性（引号定义）

Sep 28, 2005 Author: | Filed under: Uncategorized

定义引号（包括单双引两种）

</p> <p><html lang="zh"></p> <style> <p>q:lang(zh) { quotes: "「" "」" "『" "』"}</p> <p>q:before { content: open-quote }</p> <p>q:after { content: close-quote }</p> </style> <p><q><q>Quote me!<q>Quote third times?</q></q>Quote me again!</q></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[Edit on 2005-9-28 17:54:26 By guoshuang]

关于 tabindex=-1

Sep 28, 2005 Author: | Filed under: Uncategorized

IE(6.0 sp2)和Firefox(1.5 beta)表现为该表单用 Tab 键无法获得焦点（跳过），opera(8.5) 则不予理睬。

</p> <input /> <input /> <input tabindex="-1" value="1111" /> <input /> <input /> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

window.onload 关于页面加载完毕的问题

Sep 28, 2005 Author: | Filed under: Uncategorized

英文原文在此：

http://dean.edwards.name/weblog/2005/09/busted/

大意如下：

我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片，而我们实际上经常需要的是文档 DOM 加载完毕！

这是原来的方法。

</p> <p><script type="text/javascript"></p> <p>function init(){</p> <p> alert("页面加载完毕！");</p> <p>}</p> <p>window.onload=init;</p> <p></script></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

对于 Mozilla 可以这样

</p> <p><script type="text/javascript"></p> <p>// for Mozilla browsers</p> <p>if (document.addEventListener) {</p> <p> document.addEventListener("DOMContentLoaded", function(){alert("DOM加载完毕！")}, null);</p> <p>}</p> <p></script></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

对于 IE 浏览器，可以使用IE特有的 defer 属性。

</p> <p><script defer type="text/javascript"></p> <p>alert("DOM 加载完毕！")</p> <p></script></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

非IE浏览器会忽略 defer 而直接执行 script 代码，你可以有两种办法来屏蔽非IE浏览器。

conditional comments 条件注释

</p> <p></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

conditional compilation 条件编辑

</p> <p><script defer></p> <p>// for Internet Explorer</p> <p>/*@cc_on @*/</p> <p>/*@if (@_win32)</p> <p> alert("DOM 加载完毕！")</p> <p>/*@end @*/</p> <p></script></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

除此之外的浏览器就使用最上面第一个好了。最后一个问题就是要避免 onload 运行多次的问题，加入判断。

</p> <p><script type="text/javascript"></p> <p> function init() {</p> <p> // quit if this function has already been called</p> <p> if (arguments.callee.done) return;</p> <p> // flag this function so we don't do the same thing twice</p> <p> arguments.callee.done = true;</p> <p> // create the "page loaded" message</p> <p> var text = document.createTextNode("Page loaded!");</p> <p> var message = document.getElementById("message");</p> <p> message.appendChild(text);</p> <p> };</p> <p> /* for Mozilla */</p> <p> if (document.addEventListener) {</p> <p> document.addEventListener("DOMContentLoaded", init, null);</p> <p> }</p> <p> /* for Internet Explorer */</p> <p> /*@cc_on @*/</p> <p> /*@if (@_win32)</p> <p> document.write("<script defer src=ie_onload.js><"+"/script>“);</p> <p> /*@end @*/</p> <p> /* for other browsers */</p> <p> window.onload = init;</p> <p> </script></p> <p id="message"> <p> 显示更多

真是很佩服老外的这种钻研精神,这么个小问题引申出来这么多知识，值得我们好好学习。：（

Conditional Compilation - JScript

Sep 28, 2005 Author: | Filed under: Uncategorized

IE JScript 特有属性。

</p> <p><script></p> <p>/*@cc_on @*/</p> <p>/*@if (@_jscript_version >= 4)</p> <p> alert("JScript version 4 or better");</p> <p> @else @*/</p> <p> alert("You need a JScript version > 4 engine.");</p> <p>/*@end @*/</p> <p></script></p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

MSDN 参考地址：

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/js56jsconconditionalcompilation.asp

[Edit on 2005-9-28 16:24:47 By guoshuang]

Pages (4): 1 2 3 4 »

Flickr PhotoStream

ubuntu_avant_window_navigator

ubuntustudio theme

GNU-xga

Screenshot-x-session-manager

Screenshot-synaptic-1

Recent Posts

Recent Comments

James on 简单的 php+mysql 留言板代码
OK on opera 安装 flash 插件的另类方法
lroncoffee on 用 flocker 转换 firefox 的插件到 flock
ff on swfupload 文件上传
ff on 简单的 php+mysql 留言板代码

Pages

关于这里

Categories

Tags

css flickr javascript

Blogroll

Meta

Advertising

Most Popular

Recent Comments

Latest Entries