---

#e#

1、网页制作前台之javascript一:
2、2.210 变量的命名
3、2.3 可以移动的方块




如果你完全不懂，那么期望1-2周看完一遍拉倒....不用看的太仔细，后面再看到不懂的时候回头去看这些东西好了
1. 前言和准备工作
这里不会介绍什么软件的用法一类的东西。如果觉得手写代码是在装的人可以出去了，谢谢。
首先你要有台电脑。然后它应该装着windows 和 IE。下面所谈到的代码都仅在IE6.0下调试通过，但是我会尽量用标准的写法。这里先不仔细介绍兼容性问题了，那是另一个教程的事情。我习惯用记事本或者UltraEdit来编辑，实际上任何文本编辑器都可以，只要你喜欢。具体怎么用这些工具就不说了，俺们加快速度。
[color=#FFFFFF'][/color]

2. 第一个例子
做什么好呢？俺们从最简单的开始吧....给自己一个作个特效玩玩？...让俺想想....做一个可以扔的方块怎么样？开始做了...
[color=#FFFFFF'][/color]

2.1 方块
运行代码框
<div style="width:140px; height:140px; background-color:orange; cursor:pointer;"></div>
[color=#FFFFFF'][/color]


不要说俺在敷衍啊，万事都有个非常简单的开始，就像俺被俺前mm踹掉一样...
ps： 细心的朋友也许会发现俺的 cursor 用的是 pointer 而不是 hand，这是因为hand 属性不符合标准。虽然俺只为IE写代码，但是保持好的习惯是必要的。以后此类问题一律用 “(兼)”标记。
2.2 可以拖动的方块
[color=#FFFFFF'][/color]

2.21 绑定鼠标事件：按下，拖动，释放；获取事件信息：位置，发生的元素
[color=#FFFFFF'][/color]

运行代码框
<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="divBlock" >I am a div.</div>
<script>
function divBlock_event_mousedown(){
document.onmousemove=document_event_mousemove;
var I_do_not_care=document.attachEvent?document.attachEvent("onmouseup",document_event_mouseup):document.addEventListener("mouseup",document_event_mouseup,"");
}
function document_event_mousemove(e){
var e, obj;
obj=document.getElementById("divBlock");
e=window.event?window.event:e;
obj.firstChild.nodeValue=e.clientX ":" e.clientY;
}
function document_event_mouseup(e){
document.onmousemove="";
var I_do_not_care=document.detachEvent?document.detachEvent("onmouseup",document_event_mouseup):document.removeEventListener("mouseup",document_event_mouseup,"");
}
</script>

[color=#FFFFFF'][/color]

对于菜鸟来说，这段代码其实包含了很多的内容。<BR><P></P><BR><P></P><BR><P></P>