位置: 编程技术 - 正文

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编程基础)

  • 当月出口的货物,可以过几个月申报吗
  • 美国报税用什么软件
  • 用友软件80端口被占用解决方法
  • 缴纳工会经费会计处理
  • 小规模做账流程详细
  • 申报个税需要扣除公积金和社保吗
  • 建筑企业外地预缴
  • 发票后面附清单明细能导出吗
  • 税收主要分类方法
  • 外购货物自用会计处理
  • 个人住房转让纳税标准
  • 监督审核费用会计入账
  • 发票冲红重开摘要如何写合适?
  • 资产减值损失结转
  • 材料暂估入库后怎么做账
  • 供电局预收电费
  • 没有收到发票的支出可以做成本吗
  • 增值税专用发票可以开电子发票吗
  • 认可的发票验证怎么弄
  • 财库联网集中户扣了我的钱
  • 房地产开发公司取名
  • 营改增后固定资产报废处置收入计税
  • 财务会计中的费用
  • 地税发票开票有误,红字发票要如何开具?
  • 个税按月算和按年算为什么不一样
  • 开错的发票正常入账吗
  • 金融企业的成本核算方法
  • 小微企业应纳税所得额不超过100万
  • 定率征收怎么申报
  • 出租房产免收租金合法吗
  • 捐赠计提管理费的账务处理?
  • 报考中级会计的工作证明
  • 查看电脑系统版本
  • windows10提示更新11
  • 个人销售自建自用住房解读
  • 蒙特雷景点
  • 污水处理厂能享受补助吗
  • 房屋折旧方法有哪些
  • 应付职工薪酬总账和明细账
  • 小型微利企业如何进行税收筹划
  • 增值税发票名称可以写个人吗
  • 销售时的赠品怎么做账
  • 普通发票网络服务系统
  • 购买小礼品赠送怎么做账
  • 企业破产员工补偿标准是按上年平均工资
  • 资产负债表的货币资金怎么算
  • 小企业会计准则适用于哪些企业
  • 预收帐款
  • 一次还本付息债券定价公式
  • 自产产品用于职工福利按什么价格
  • 企业所得税几种税率
  • 房地产企业成本结转
  • 什么是品种法?适用于什么范围?
  • 公司名下汽车过户个人需要补税吗
  • 一般纳税人购进免税农产品如何抵扣进项税额
  • 公司年底奖金怎么计算
  • 固定资产折旧残值率的最新规定2021
  • 银行对账单怎么打印
  • 数据库性能优化面试题
  • MySQL利用不同的流程语句输出1到200的和
  • window怎么升级系统
  • mac safari使用技巧
  • macbook air一键恢复出厂设置
  • win7鼠标右键一闪就没了
  • windows无法升级
  • win8如何使用word
  • linux主要充当什么样的服务角色
  • android读写sd卡权限
  • 超级链接是什么意思
  • pycharm中文教程
  • js制作倒计时
  • javascript获取值
  • javascript 日期
  • 公路客运购票
  • 如何查询税控盘口令和密码
  • 北京市房山区限行范围
  • 上海如何用电子医保卡
  • 分红太多
  • 电子税务平台怎么红冲纸质发票
  • 收购晾晒烟叶,支付价款20万元,支付价外补贴2万元
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设