易截截图软件、单文件、免安装、纯绿色、仅160KB

网页制作前台之Javascript鼠标事件


    
如果你完全不懂,那么期望1-2周看完一遍拉倒....不用看的太仔细,后面再看到不懂的时候回头去看这些东西好了。
1. 前言和准备工作
这里不会介绍什么软件的用法一类的东西。如果觉得手写代码是在装的人可以出去了,谢谢。
首先你要有台电脑。然后它应该装着windows 和 IE。下面所谈到的代码都仅在IE6.0下调试通过,但是我会尽量用标准的写法。这里先不仔细介绍兼容性问题了,那是另一个教程的事情。我习惯用记事本或者UltraEdit来编辑,实际上任何文本编辑器都可以,只要你喜欢。具体怎么用这些工具就不说了,俺们加快速度。
2. 第一个例子
做什么好呢?俺们从最简单的开始吧....给自己一个作个特效玩玩?...让俺想想....做一个可以扔的方块怎么样?开始做了...
2.1 方块
运行代码框
<div style="width:140px; height:140px; background-color:orange; cursor:pointer;"></div>

不要说俺在敷衍啊,万事都有个非常简单的开始,就像俺被俺前mm踹掉一样...
ps: 细心的朋友也许会发现俺的 cursor 用的是 pointer 而不是 hand,这是因为hand 属性不符合标准。虽然俺只为IE写代码,但是保持好的习惯是必要的。以后此类问题一律用 “(兼)”标记。
2.2 可以拖动的方块
2.21 绑定鼠标事件:按下,拖动,释放;获取事件信息:位置,发生的元素
运行代码框
<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="divBlock" onmousedown="divBlock_event_mousedown();">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&


相关文档:

JavaScript中arguments对象

今天头儿复查代码,结果发现有的页面并没有相应的DOM元素,导致调用fuction出错。采用JavaScript中arguments对象可以很轻松的解决这个问题,而不需要再去判断元素之类的。so Good!
JavaScript中arguments函数对象是该对象代表正在执行的函数和调用它的函数的参数。使用方法:
[function.]arguments[n ]
其中function是 ......

javascript 字符串处理


一、声明字符串:
var normal_monkey = "I am a monkey!<br>";
document.writeln("Normal monkey " + normal_monkey);
var bold_monkey = normal_monkey.bold();
document.writeln("Bold monkey "&n ......

JavaScript显示时间

这个问题很简单,主要有下面几个知识点:
(1)       取得时间:var d=new Date();var time=d.toLocaleString()
(2)       显示在网页上,假设写在一个<span>中,且该<span>的id为showTime:
document.getElementById("showTime").innerHTML ......

Javascript 显示标签页效果

要实现这个功能关键是要理解块的display属性。一个块的display属性设为none,就相当于这个块不存在。所以将要显示的多个块的display属性设为none,再根据需要将要显示的块的display属性设为block就可以做出标签页效果了。
(1)      建标签题以及各标签题所对应的显示内容:
<span id="span1 ......

JavaScript去除空格的三种方法 (trim)

方法一:
个人认为最好的方法.采用的是正则表达式,这是最核心的原理.
其次.这个方法使用了JavaScript 的prototype 属性
其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.
下面就来看看这个属性是怎么来用的.
 
返回对象类型原型的引用。
objectName.prototype
objectName 参数是对象的名称。 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号