javascript编程起步（第五课）(javascript编程基础)

编辑：rootadmin

鼠标事件（上）随着课程的进行，能跟着下来的人是越来越少了，不知道是不是因为没有太多的表现，只是死记的东西，大家都没有兴趣啊。其实网页上的很多特效，动作大都是用javascript来实现的，没有javascript的网页，就象一个人没有了肌肉一样。但是所有的动作都是有函数来控制的，而控制语句是基础中的基础。希望大家能耐心的学下去。今天的课程就轻松一下，学习点能见到效果的。主要内容就是基于鼠标的事件,有如下几种：1.mouseover（鼠标移至）2.mouseout（鼠标移出）3.mousemove（鼠标移动）4.mousedown（鼠标按下）5.mouseup（鼠标弹起）6.click（单击）7.dblclick（双击）通常1和2组合起来使用，当用户把鼠标移动到一个超链接或者其他元素时，mouseover事件就会发生，mouseout总会伴随着它，因为当鼠标离开时，mouseout事件就会发生。例子：<html><head><title>test</title><script language="javascript">function text_onmouseover(){mytext.style.fontSize="pt";mytext.style.color="red";mytext.style.fontStyle="italic";}function text_onmouseout(){mytext.style.fontSize="pt";mytext.style.color="blue";mytext.style.fontStyle="normal";}</script></head><body><p id=mytext onmouseover="text_onmouseover()"onmouseout="text_onmouseout()"> navigator来说，只有超链接和层支持这两个事件。）下面看鼠标移动的例子：<html><body onMousemove="micro$oftMouseMove()"><SCRIPT LANGUAGE="JavaScript">if (navigator.appName == &#;Netscape&#;){document.captureEvents(Event.MOUSEMOVE);document.onmousemove = netscapeMouseMove;}function netscapeMouseMove(e) {if (e.screenX != document.test.x.value && e.screenY != document.test.y.value){document.test.x.value = e.screenX;document.test.y.value = e.screenY;}}function micro$oftMouseMove() {if (window.event.x != document.test.x.value && window.event.y !=document.test.y.value){document.test.x.value = window.event.x;document.test.y.value = window.event.y;}}</SCRIPT><FORM NAME="test">X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> Y: <INPUTTYPUE="TEXT" NAME="y" SIZE="4"></FORM></body></html>鼠标移动的事件在鼠标跟随效果的使用上比较多，大家可以看看鼠标跟随特效。网上n多。（需要注意的是：启动这个事件处理过程存在一个问题，就是它有可能会屏蔽其他事件。另外还增加了页面的处理时间，应尽量少用。）先说到这儿吧，下节讲鼠标的另外4个事件。今天的作业是：1.图片链接的转换（当鼠标放上去时是一个图片，当鼠标离开时是另外一个图片）2.图片跟随鼠标（当鼠标移动时，会有个图片跟随着鼠标一起移动）

推荐整理分享javascript编程起步（第五课）(javascript编程基础)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript编程语言,javascript程序代码,javascript 编程,javascript编程基础,javascript编程基础,javascript编程语言,javascript编程语言,javascript 编程,内容如对您有帮助，希望把文章链接给更多的朋友！

javascript编程起步（第二课）关于上课的作业，大家都知道，代码如下：scriptlanguage="javascript"!--代码//--/script这儿补充一点内容，还可以告诉读者这儿是javascript代码，该浏览器不支

javascript编程起步（第三课） javascript编程起步（第三课）第三课终于和大家见面了,大家要感谢Actions的辛勤劳动啊,好好利用论坛给大家提供的资源和教程,希望大家一起学习提高:D大

javascript第一课作为第一课，只是给大家一个简单的认识，东西不是太多。主要有以下三个方面：1、在页面添加javascript2、javascript的数据类型3、javascript最基本的三个