2016 - 2024

感恩一路有你

html鼠标放上去显示文字 请问html中怎样设置把鼠标滑过图片就会在图片上显示我隐藏了的文字,能给代码看看吗?

浏览量:1721 时间:2021-03-10 14:35:18 作者:admin

请问html中怎样设置把鼠标滑过图片就会在图片上显示我隐藏了的文字,能给代码看看吗?

事实上,$(“img”)。悬停(函数(){$(“#text ID”)。Show()},函数(){$(“#text ID”)。Hide()})主要取决于文本的位置。如果文字被图片覆盖,请在图片中添加一个位置,级别Z索引为-1;在底部,就可以了

使用三张幻灯片并向特定对象添加动作设置(鼠标悬停)在一张或两张幻灯片之间切换可以达到您所说的效果。具体方法:第一张幻灯片:输入文本,设置文本框的动作,移动鼠标链接到下一张幻灯片;然后选择文本,设置鼠标链接到第三张幻灯片(或指定幻灯片);第二张幻灯片:文本在同一位置并设置(与第一张幻灯片完全相同,并选择文本,设置鼠标链接到下一张幻灯片)第三张幻灯片)使用多边形工具在文本框周围画一个空心多边形,形状为back word,文本框被挖空。设置自定义图片效果,填充颜色为随机,透明度为100%,边框线为无(将自定义多边形设置为完全透明)。将动作设置添加到自定义多边形,并将其设置为将鼠标链接移动到上一张幻灯片;显示,是否可以达到所说的效果。此方法的缺点是只能为一个文本框设置此效果。如果同一张幻灯片中有多个这样的效果,则只能对其进行编辑。当然,这会更麻烦,因为需要考虑不同的热点区域,需要设置不同的响应对象。

html鼠标放上去显示文字 html鼠标悬停图片显示文字 css鼠标放在图片显示文字

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。