鼠标移到图片显示文字js代码，鼠标移到图片上显示文字

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...

要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

可以使用图片自带title属性，设置提示信息！优点：简单，快捷。缺点：提示信息样式单一，而且不明显。

首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

li用户名pspan1111111/spanspan2222222/spanspan3333333/span/p/li /ul/body/html 这位网友你好，这个其实就用到了一个hover属性和display的显示与隐藏。

对。用JS的鼠标事件，onmouseover()方法，当鼠标移动到a标签的时候把那个图片的display：none，变成block，只要按照这个步骤走就可以做到的。

相关问答

Q1: JS+CSS实现给图片加个感应鼠标滑动的文字说明

多一个层，并相对当前图片定好位置，默认隐藏，然后鼠标移上时该文字介绍层显示，鼠标滑过再隐藏。

然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

启动画图软件，点击【文件】导入图片；导入图片后，（1）点击工具栏形状中的方框，在图片中拖出方框；（2）点击【A】文字，在方框中输入文字，如：显卡插槽；保存图片。

如果是纯色的方块，你直接用css就能实现，如果不是的话，就用js吧，css的话，你先把字体颜色设置成和方块背景一样的，然后写一个：hover的属性，就是鼠标经过时的属性，这时候你把背景变暗，然后文字颜色改变一下就好。

absolute； width：297px； height：23px； z-index：1； left： 12px； top： 246px；图片说明 这个是鼠标放在图片上就显示出图片说明。很简单。只是把其中的图片替换成你本机上的图片即可。

Q2: javascript实现鼠标移到相应图案下方弹出信息

输入代码，其中button是鼠标要滑动的地方，滑过button时，class为content的内容就要显示出来，鼠标滑出去的时候，这块内容就需要重新隐藏起来。把黑色内容的部分初始状态写成隐藏。

加一个：title=这是你要的问题提示。也还可以用havor来实现。当然，你也可以用JS来实现更多样式的提示。

鼠标放上之后，出现图片本身的文字说明。例如： 这个现在不常用的。浏览器也不一定支持了。那么第二种情况，就要用到JavaScript或者jQuery。

关于鼠标移到图片显示文字js代码和鼠标移到图片上显示文字的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。