鼠标事件改变css样式选择器
我们在很多时候其实是需要在网页中设置鼠标效果的,有些是自动生成的,比如一个link链接,那么鼠标移上去自动会变成一个手的样子去点击,有时候一个input输入框,那么鼠标就自动变成一个英文大写I的样子,那么我们是否可以将更多对象设置成我们需要的样子呢?这完全是可以的,接下来就看下效果吧代码写法:
其他鼠标事件:
onClick:鼠标单击事件。(是指鼠标按下,然后松开时产生。)
onDblClick:鼠标双击事件。(是指鼠标快速按下,松开,并再次按下时产生。)
onMouseDown:鼠标按下事件。(鼠标按下时即产生。)
onMouseUp:鼠标释放事件。(是指鼠标从按下的状态到弹起。)
onMouseMove:鼠标移动事件。(是指在特定元素上移动鼠标。)
onMouseOver:鼠标经过事件。(是指,当指针从外界往元素上移动时产生。)
onMouseOut:鼠标离开事件。(是指鼠标从特定元素上离开时产生。)
onLoad:载入事件。(当图象或页面结束载入时产生。)
onUnload:卸载事件。(当访问者离开页面时产生。)
onScroll:滚动条滚动事件。(当访问者使用卷轴上移或下移时产生。)
案例:
将这个自定义样式应用到图片上,在浏览器中预览到图片变成了黑白,我们再定义一个样式".over",这个样式没有任何内容,是空样式,样式表代码如下:
然后在图片标记(IMG)里加上"onMouseOver="this.className="over"" onMouseOut="this.className="out""",意思为当鼠标经过时,图片为over样式,即彩色正常图象;当鼠标离开时,图片为out样式,即黑白图像。oMouseOver和onMouseOut是鼠标事件,this.className="…"表示当前对象的class名 为…,注意大小写不要写错,JS对大小写非常敏感。
这样这个效果就完成了,保存后在浏览器里打开,图象是黑白的,当鼠标移上去时,图象变成彩色,鼠标离开时,图象又变回黑白。只要发挥你的想象,通过this.className方法还可以做出很多好看的鼠标效果。
鼠标指针:
十字
文本光标
等待
默认
问号
左右箭头
上下箭头
系统自动给出效果
系统自动给出效果
CSS定义和用法
:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示::hover 选择器可用于所有元素,不只是链接。
提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。
晚上十点有人给我手机充八百块钱话费,让我给她转八百块钱,我转吗?坚决不能转,先报警备案。我工作单位的一个小美女,就是被别人误充了2000块钱的话费。对方也是要求返还现金,她没有理会对方,直接报警处理的。今年三月份的时候,中午十二点多,单位的一个
用5号干电池做电源,体验韩国现代这款滑盖手机,续航就是不一样拒绝参数,只谈体验,关注导盲犬小抠,真实解读您熟悉的数码产品,本文阅读预计耗时3分钟。手机行业的发展,在非智能机时代,曾经有百花齐放的状态,突出表现在机器外观造型上各有千秋,即便很
1000多元的手机和五六千元的手机,到底有什么区别?手机刚刚出现的时候,价格一直都非常高昂,当年一部大哥大能卖到几万元的价格,手机这种产品基本上就是大老板身份的象征,随后推出的小灵通由于低廉的价格风靡了一时,但是在智能手机来临以后,
促进算法推荐技术规范健康发展(人民时评)来源人民日报近年来,随着科技不断发展,算法推荐技术已被广泛应用于生活。算法推荐技术通过抓取用户日常的使用数据,分析得出人们的行为习惯和喜好,进而精准化地提供信息娱乐消费等各类服务。
C语言函数在线练习题11。求最大值(1级)1题目描述请编写一个求两整数的最大值函数GetMax。要求在主函数中调用该函数,该函数的主要功能是判断从键盘任意输入两个整数的大小,计算并输出最大值。输入两个整
商务部促进新能源汽车消费鼓励开展家电家具以旧换新商务部促进新能源汽车消费鼓励开展家电家具以旧换新财联社1月25日电,商务部市场运行和消费促进司负责人徐兴锋25日在新闻发布会上表示,下一步,将提升传统消费能级。要深化汽车流通领域改
彰显绿色新能源车成北京冬奥会交通主力2022北京冬季奥运会还有10几天就要开幕了,绿色成为本次冬奥会的一个突出特点。交通场馆能源等都充满了绿色元素。这绿色冬奥背后的奥秘则是绿色产业绿色技术的快速发展。氢燃料客车纯电动
一笔尽调卧底三年,VCPE看呆了这可能是史上最耐人寻味的一笔收购案。上周,微软宣布以687亿美元(约4365亿人民币)收购著名游戏厂商动视暴雪,缔造了迄今为止全球游戏行业内规模最大交易,十分轰动。有趣的是,这笔收
今年河北5G网络实现乡镇以上区域和农村重点区域覆盖河北日报讯(记者方素菊)从河北省通信管理局近日召开的2022年全省信息通信工作会议上获悉,今年,全省信息通信行业固定资产投资规模将达到160亿元,电信业务总量达到770亿元,电话用
中介涉乐视系旧案被查将影响IPO?两相关公司回应暂未受影响自1月18日中德证券因涉乐视网2016年定增项目被证监会立案调查后,卷入乐视网风波中的中介机构旗下IPO项目是否受影响引发广泛关注。1月20日,兴禾股份在上会前夕临时终止IPO。兴
力扣题解之最长公共前缀一题目编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串。示例1输入strsflower,flow,flight输出fl示例2输入strsdog,rac