js实现图片显示字，js点击图片出现文字

JS弹出图片下面有文字描述问题!高分请教!

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

Javascript自带的警告框是没办法做出这样的效果的，只能用HTML来模拟。

最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

相关问答

Q1: 怎么在js控制的背景图片里添加文字?

1、将 id=bg 这个 div 的 style（样式）中的 position（位置）设置为 relative（相对），然后在里面加一个 div 写文字，将它的 position 设置为 absolute（绝对），调整 top 和 left 来改变它的显示位置。

2、首先，您需要创建一个fabricjs画布。然后，您可以使用add()方法将Textbox元素添加到画布中。在Textbox元素中，您可以使用fill()方法设置文本颜色，并使用backgroundImage属性设置图片背景 。

3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码： 院系设置 浏览器运行index.html页面，此时图片上成功添加了“院系设置”的链接文本。

4、用js写，先得到图片的offsetLeft和offsetTop，然后写个div层吧层定位到图片的位置。

5、你把背景颜色换成背景图片就成了~你说的一个DIV内是不可能的，因为大图片作为背景的话，小图片就得作为图片，但是文字是不能覆盖在图片上，只能覆盖在背景上的。。

6、在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。在CSS中对文字图片进行简单样式添加，效果如图所示；大盒子使用描边显示，里面包含了图片和下面的文字。

Q2: js点击图片后所点的图片变成一段文字

1、你可以写$(#a).text(这里是你的文字)；当这条语句被执行，那么id叫做a的div中的内容就变成了这里是你的文字。

2、img的属性alt应该能显示文字，但是这个应该把鼠标放上去会显示文字，你可以在onclick的js函数中对alt进行动态赋值，可以尝试下。

3、逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

4、打开iis，右键iframe文件夹——“管理文件夹”——“浏览”；即可打开本地测试地址；（如小伙伴没配置iis，需要先配置iis建立站点）。再次点击“调用父级pop方法”的文字链，即可成功弹出提示。

Q3: js鼠标移动至图片上,出现文字鼠标移开文字隐藏代码

图片命名为imgimgimgimgimg5，层命名为divdivdivdivdiv5。

给div标签添加hover伪类，然后打出一个空格，再设置此时p标签的显示样式。

如果只是图片的文字提示可以用 js的话控制鼠标移到img上时显示。

使用HTML和JavaScript可以实现鼠标悬停文字出现另一个文字的效果。可以通过HTML中的CSS和JavaScript来实现这个效果。通过CSS设置一个类（例如.hover-text）来控制另一个文字的显示和隐藏。

Q4: js图片+文字切换

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

onclick=c(1)；菜单二这里是文字这里是图片，自己写上左侧右侧布局我没给你写，只写了图片、文字切换功能。

js点击不同图片返回不同数字可以写入超链接。jS实现图片切换和数字随图片变换添加6个圆形数字超链接，鼠标移动到数字区域，切换到数字对应的图片。超链接-当前表单对象对报表块和图表和js代码不同，需要使用对应代码。

Q5: js点击图片在文本框内显示文字

1、第一种方法：随意点击任何标签都会出现在文本框中，如何第二次点击标签，对应的文字就会在文本框中消失。

2、实现点击标签文字，文字出现在文本框里，下面2种方法实现的功能略有不同，总体来说方法一功能更强大。

3、在文本后面给文本框加上id，下面要开始写js的代码了。在title下面添加js的代码，代码如下所示，图片中给予说明了。把这些js代码放在script/sctipt中用大括号起来。然后在添加一个打印的按钮。

4、然后在文本框的change事件中，检查用户是否填写了内容，如果有，就将提示信息去掉，否则设置（是设置，不是保持不变）提示信息。如果文本框初始时有内容，区别只是初始时不设置提示信息，其他相同。

5、你该图片的详细信息指的是什么信息，单纯的图片名称么？如果是别的信息你应该有一张表记录相应图片的名称，类别，简介，或其他一些信息的。

js实现图片显示字的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击图片出现文字、js实现图片显示字的信息别忘了在本站进行查找喔。