位置: 编程技术 - 正文

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编程语言,javascript 编程,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

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

标签: javascript编程基础

本文链接地址:https://www.jiuchutong.com/biancheng/384911.html 转载请保留说明!

上一篇:javascript编程起步(第四课)(js 编程)

下一篇:javascript编程起步(第二课)(javascript编程基础)

  • 首付款计提税金吗
  • 附加税计提会计科目
  • 抗税的性质
  • 记账凭证核算形式需要设置的凭证有
  • 文化建设费征收依据
  • 领备用金填什么单子
  • 股权变更怎样交契税
  • 电子承兑超期一天怎么兑付
  • 其它应付款是否可以直接冲收入呢?
  • 增值税调整后开具发票
  • 公司之间转让股权,两家股东一样
  • 营改增后增加了什么征税项目
  • 营改增后工程税收怎么计算
  • 劳务外包公司代发工资能正常发吗
  • 股权质押权如何实现
  • 一般纳税人简易计税会计分录
  • Win10升级win11是激活状态吗?
  • 结转到生产成本的科目
  • 使用筷子就餐会不会传染乙肝病毒
  • 两台mac怎么一起用
  • explorer.exe是啥意思
  • php中字符串函数
  • 退回多收款项,提现金,如何做账
  • neoDVDstd.exe - neoDVDstd是什么进程 有什么用
  • php编写网站
  • 一般纳税人辅导期什么意思
  • 出口增值税怎么计算公式
  • 商品先入库后得发票如何做账
  • php 使用 AWS kinesis
  • phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
  • 神经辐射场nerf三维重建入门
  • 外购货物用于公益性捐赠
  • 自然人税收管理系统扣缴客户端app
  • vue优化方案
  • 长期待摊费用的摊销方法
  • vue-cli(vue脚手架)超详细教程
  • 愚人挑战
  • nyud数据集
  • 服务型公司营业执照图片
  • 税控盘有什么用途和作用
  • 更正申报失败,维持原申报?
  • 破产的产业要退回资金吗?
  • 股东转让股权公司需要审查
  • 小规模纳税人增值税超过30万怎么纳税
  • 专票金额和实际报销金额不符
  • 固定资产递延资产
  • 免费品尝活动广告语
  • mysql高级功能
  • mysql分表实践
  • 注册表禁止windows自动更新
  • centos7 samba服务器搭建
  • centos7 eth
  • 我用u盘装系统
  • Ubuntu 15.04系统怎么安装Visual Studio Code 2015?
  • 远程关机对话框怎么打开
  • xp系统自动升级win7
  • win7怎么启用显卡
  • fpt.exe
  • live updater
  • opengl csdn
  • edit apps
  • 纯js代码实现一进一出
  • 网页制作css怎么用
  • python随机数代码
  • javascript:void(0)的作用示例介绍
  • sequelize-cli
  • Android - Designtime Layout Attributes & Tools Attributes
  • cd跳转不到目录
  • bootstrap制作的网站页面
  • meta-inf文件夹在哪
  • js实现的功能
  • 一个绿色的球英语怎么读
  • jquery.css
  • 小规模纳税人开专票可以抵扣吗
  • 地税发票怎么开 步骤
  • 重庆税务电子税登录
  • 湖北省地方税务局公告2014年第7号
  • 地方税务机关税率是多少
  • 税务稽查局工资高吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设