您好,请问HTML中点击图片显示文字用title, 那么这显示的文字如何设置其大小呢?

您好,请问HTML中点击图片显示文字用title, 那么这显示的文字如何设置其大小呢?,第1张

点击图片显示文字

方法有2:

一是给图片加title,有点是 *** 作简单,一般编辑器中上传图片时候,或在编辑器中进行图片编辑即可以设置。但这样显示的文字大小不好控制。

二、给图片加一个定位层。

现对于图片进行定位,这样div中的文字可以通过样式来进行控制。如下图:

用title当然不行,要用js+css才能实现,下面是个例子:

<img src="https://iknow-base.bj.bcebos.com/zhimatuanhuodong/XNRL-qb.png" onmouseover="pic2.style.display='block'" onmouseout="pic2.style.display='none'" />

<img id="pic2" src="https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/zhongqinglv/banner/270X140.jpg" style="display:none" />


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6154388.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存