cxy020
- 浏览: 61269 次
- 性别:
- 来自: 北京
-
最新评论
-
hanazawakana：
倒数第二个例子，关于为什么B没有继承A，我觉得也可以这样理解， ...
js call和apply -
tk1012：
good
js call和apply -
njl_041x：
不知道什么情况下会用到？？？
烦请楼主给举个简单的实用的小例子 ...
js constructor属性 -
liuguofeng：
楼主写的好，受教了，挺你
js constructor属性 -
晨曦的朝阳：
写得挺好。
js constructor属性
文章列表
当我们使用一些插件，或者自己写一些插件的时候，往往会用到onload事件。但是当我们直接使用window.onload=function(){}绑定的时候，后面加载的js将会覆盖前面加载。如果要解决这个问题。我们可以使用attachEvent在注册事件，这样就不会被覆盖。
<html>
<body>
if (window.attachEvent){
window.attachEvent('onload',function(){alert(1);})//对于IE
}
else{
window.addEventListener('load',functio ...
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<me ...
js获取 css属性值
- 博客分类：
- Javascript
obj.style方法，这个方法只能JS只能获取写在html标签中的写在style属性中的值（style="..."），看一下代码
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return document.defaultView.getComputedStyle(obj,null)[attr];
}
}
通过上面的方法就可以获取到css属性的值
添加自定义事件
- 博客分类：
- Javascript
<html>
<head>
</head>
<body >
<button id="btn" >click</button>
</body>
</html>
<script type="text/javascript">
function BtnClick(evt){
alert(this.id +" click");
}
var btn = document.getElementById(" ...
<html>
<body>
<canvas id="diagonal" style="border:1px solid red;"></canvas>
</body>
</html>
<script type="text/javascript">
window.onload=function(){
var canvas = document.getElementById("diagonal");
var ...
【背景】
如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；
如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；
如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手 ...
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta ...
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta ...
以前在论坛里面下载了【大城小胖】共享的html5游戏源码。
现在打算一点一点用心的学习下。
顺便在共享下全部源码。
正题。
<html>
<script type="text/javascript">
function init(){
// 创建canvas，并初始化 （我们也可以直接以标签形式写在页面中，然后通过id等方式取得canvas）
var canvas=document.createElement("canvas");
canvas.width=600;
canvas.height=400 ...
最近写了一个动画效果。
例子中我只写了一个效果，增加高度，有兴趣的朋友可以自己在添加其他的效果。
function Animation(obj){
this.ele = obj.ele;
this.maxheight = obj.maxheight||26;
this.minheight = obj.minheight||0;
this.delay = obj.delay || 0;
this.inter = null;
this.time = obj.time||200;
this.callback = obj.callback;
this.typ ...
在网上下载了一个裁切的js。 然后自己改改了 稍微封装了下。
运行index2.html 就可以看效果。
canvas.drawImage 绘制图片
// 绘制背景
var dx=0, dy=0 ;
context.drawImage(ImgCache["bg"],dx,dy);
//绘制站在地上的player, 坐标为200,284
var sx=0, sy=60, sw=50, sh=60;
var dx=400, dy=284, dw=50, dh=60;
context.drawImage(ImgCache["player"], sx, sy, sw, sh, dx, dy, dw, dh );
//第一个参数image可以用HTMLImageE ...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title&g ...
jquery 实现拖动的插件，试了几个，interface 是一个，但是 bug 太多，代码又复杂不好修改，就放弃了。
今天找到了一个叫做 easydrag 的，但用了下也不灵活，于是扩充了一下，现在可以指定拖动的 handle.
jquery.easydrag.js（以下绿色部分是我增加或修改的代码）：
/**
* EasyDrag 1.3 - Drag & Drop jQuery Plug-in
*
* For usage instructions please visit http://fromvega.com
*
* Copyright (c) 2007 fromve ...