鼠标悬停和单击都出现悬浮菜单是代码写两遍吗?

鼠标悬停和单击都出现悬浮菜单是代码写两遍吗?

平时上网经常可以看到有些做的好的地方鼠标悬停或单击都能让悬浮菜单出来。如果鼠标悬停时菜单出现,移走就隐藏。如果鼠标单击时出现,移走就不会隐藏。这是代码在两种状态下写两遍还是有方法合并?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学,你好。鼠标悬停和单击都出现下拉菜单不需要写两遍代码的,同学可以设置onmouseenter,表示鼠标移入该元素的时候触发的事件。

例:鼠标移入和单击时都会出现下拉菜单

http://img1.sycdn.imooc.com//climg/5ea7c3df09a004a507470124.jpg

移出时隐藏,

http://img1.sycdn.imooc.com//climg/5ea7c413094870a403940038.jpg

若同学设置了onclick和onmouseenter,当鼠标移出时两者都会隐藏,因此绑定的是同一事件,两者不能实现移出时分别隐藏或不隐藏。

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师