javascript
Web前端开发QQ群 110939958-业余程序员
测试了一下ubuntu中的浏览器对于键盘事件的触发情况,结果如下:
Key Event
(Ubuntu9.10)
浏览器
一次触发
连续触发
控制键
非控制键
控制键
非控制键
FireFox/3.6
keydown
keyup
keydown
keypress
keyup
-
keydown
keypress
keyup
Chromium/5.0.318.0
keydown
keyup
keydown
keyup
-
keydown
keyup
Opera/10.10
keydown
keyup
keydown
keyp...
<canvas 是HTML5 中新加入的一个标记
功能是创建一个“画板”对象及一组供javascript使用的API
基本标签的写法是这样的
<canvas width="100" height="100" id="canvas"></canvas>
创建了这个对象以后我们就可以用js来在上面画东西了
首先取得这个对象的引用
var canvas = document.getElementById("canvas");
然后取得绘制对象
var ctx = canvas.getContext("2d");
现在用ctx画一条直线
先把“画笔”放到起始点(0, 0)
ctx.moveTo(0, 0);
然后画线到(50, 50)
ctx.lineTo(50, 50);
把线画出来
ctx.stroke();
就这么简单, 更多的测试看 canvas测试页
Canvas tutorial
假前的这几天真得有些无聊,大多数人都走了,留下我们几个看看网页打打游戏……
我把电脑清理了一遍,看到了前几天写的东西,余票查询,一个ajax方式的客户端,呵呵。于是把样式改改,似乎顺眼了一些
程序源码是很乱的,就不要看了。不过功能 上来说,目前,能用。
提供下载: 余票查询客户端
本次更新内容:
智能代码提示
刷新页面时保留命令历史列表
修正var 的作用域(现在为window)
修改执行时页面滚动条跳动的BUG
修改了一些样式上的问题
更新了工具的URL
加载器代码已更新:http://www.jatx.net/archives/56
javascript:(function(){try{window.jxConsole.window.show();}catch(e){if(window.__jatX_loading_obj)return;var%20s=window.__jatX_loading_obj=document.createElement("script");s.type="text/javascript";s.src="http://www.jatx.net/util/jc/";document.body.appendChild(s);}})();void(0);
制作了jxConsole的加载版。
加载器代码:
javascript:(function(){try{window.jxConsole.window.show();}catch(e){if(window.__jatX_loading_obj)return;var%20s=window.__jatX_loading_obj=document.createElement("script");s.type="text/javascript";s.src="http://www.jatx.net/util/jc/";document.body.appendChild(s);}})();void(0);
用法:将以上代码存到浏览器收藏夹(最好是链接栏,这样点起来方便)。
纯粹特效,无实用价值。记得好像是51js群里的Ajan做这个东东,后来我帮他们改了一下,存到这里有喜欢的拿去玩吧^^
http://www.jatx.net/pub/test/flashLink.html
关于这个功能网上有非常的多的代码实现, 今天我也写个单独摘出来的版本:)
分两块: 1拖, 2动
调用: drag(oDrag, oMove);//oDrag为拖的对象,oMove为动的对象。
或者缺省oMove(此时oMove=oDrag): drag(obj);
js文件从这里下载: http://www.jatx.net/pub/js/drag.js
演示地址:http://www.jatx.net/pub/drag.html