Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将鼠标悬停在图像上时在图像上显示文本_Javascript_Html_Css_Web - Fatal编程技术网

Javascript 将鼠标悬停在图像上时在图像上显示文本

Javascript 将鼠标悬停在图像上时在图像上显示文本,javascript,html,css,web,Javascript,Html,Css,Web,所以我正在做一个项目,我想在鼠标悬停在图片上时显示一个标题。我在stackoverflow中搜索了类似的案例,尝试了建议的方法,但还没有成功 例如,在一张图片上,当我把光标放在上面时,我希望显示一条写着“营养”的文字。最简单的方法是什么 我是网络开发新手,对Javascript/JQuery不太了解,不需要Javascript;只需使用标题属性: <img src="/path/to/image/nutrition.png" title="Nutrition" /> titl

所以我正在做一个项目,我想在鼠标悬停在图片上时显示一个标题。我在stackoverflow中搜索了类似的案例,尝试了建议的方法,但还没有成功

例如,在一张图片上,当我把光标放在上面时,我希望显示一条写着“营养”的文字。最简单的方法是什么


我是网络开发新手,对Javascript/JQuery不太了解,不需要Javascript;只需使用
标题
属性:

<img src="/path/to/image/nutrition.png" title="Nutrition" />


title
属性也适用于任何HTML元素,因此如果您想在图像容器上使用它来扩展可悬停区域,您可以。

无需JavaScript;只需使用
标题
属性:

<img src="/path/to/image/nutrition.png" title="Nutrition" />

title
属性也适用于任何HTML元素,因此如果您想在图像容器上使用它来扩展可悬停区域,您可以。


在html中设置图像时,可以设置标题属性。像下面这样

<img src="happy.gif"  width="10" height="10" Title="I'm happy"/>


这也是有益的搜索引擎优化

在html中设置图像时,可以设置标题属性。像下面这样

<img src="happy.gif"  width="10" height="10" Title="I'm happy"/>


这也是有益的搜索引擎优化

不需要java脚本,只需使用
标题
查看更多



希望这有帮助

不需要java脚本,只需使用
标题
查看更多



希望这有助于

可能重复的@user3236461-您必须更具体地说明“它不起作用”的方式。您能在JSFIDLE上发布一个示例吗?@user3236461-如果您使用的是
标题
工具提示,那么您做得对;)但是有一件事我想告诉你,
没有结束标记,而且执行
是无效的HTML。@user3236461-你必须更具体地说明“它不起作用了”。你能在JSFIDLE上发布一个例子吗?@user3236461-如果你使用的是
标题
工具提示,那么是的,你做得对;)但是有一件事我想告诉你,
没有结束标记,执行
是无效的HTML。当用光标悬停在图像上时,没有任何内容happens@user3236461请在@user3236461上发布一个关于这个问题的最简单的例子,它对我很有用。你确定你在实际图像上徘徊,而不是
?我的坏。。。我本来希望有更大的文本,但没注意到。谢谢你的帮助!将光标悬停在图像上时,不会显示任何内容happens@user3236461请在@user3236461上发布一个关于这个问题的最简单的例子,它对我很有用。你确定你在实际图像上徘徊,而不是
?我的坏。。。我本来希望有更大的文本,但没注意到。谢谢你的帮助!看起来你实际上并不是在尝试多人给出的解决方案,而是给出同样的“我不知道我做错了什么,但这根本不起作用!”。如果它不起作用,请说出原因,并尝试更具体地说明为什么你认为它不起作用!看起来你实际上并不是在尝试多人给出的解决方案,而是给出同样的“我不知道我做错了什么,但这根本不起作用!”。如果它不起作用,请说出原因,并尝试更具体地说明为什么你认为它不起作用!
<img src="foo/bar" title="foo" alt="bar">