Question

我还是网络开发的新手（来自桌面开发），我的新老板已经给了我一个项目。

我必须使用链接到我们其他产品的图片来包围我们公司的徽标。虽然我认为我可以用徽标包围图像，但我想在徽标中添加一些文字，以减少它的混乱。我可以想象它很......很奇怪，因为缺少一个更好的词，如果它只是一个产品的标识而没有告诉用户它是什么。

我有PHP的基本知识（我知道函数，构造函数，类，变量等是如何工作的，但没有真正的经验），但我不知道这是否会以任何方式帮助我

这是我想要做的一个例子（伪）：

func onMouseOver(object m_obj) 
    m_obj.showCaption();
    m_obj.border = new Border(Effects.Glow, Colors.Blue);
end

我没有更好的方式来展示它，很抱歉，如果它看起来有些混乱。

如果您是Firefox用户，请打开一个新标签并将鼠标悬停在其中一个图片上，我试图获得与此相似的内容。

代码：

  <head>
    <title>NetWork Team Vorschau</title>
    <link rel="stylesheet" type="text/css" href="index_style.css" >
  </head>

  <body>
    <div class="container" >
      <input class="sites_overview" type="image" src="http://www.sites-login.de/images/logo_sites.gif" value="Übersicht: Sites" /> <!-- I want this to show text when hovered over -->
      <img class="nwt_img" src="http://www.nwt.de/images/networkteam.png" />
    </div>
  </body>

</html>

提前为正确方向的任何和所有有用的答案或指示干杯！

Answer 1

简单地在CSS中：

.one:hover::after {
content:"Text when hovered";
position:absolute;
left:0;
}

<div class="container">
    <div class="one">
        <input class="sites_overview" type="image" src="http://www.sites-login.de/images/logo_sites.gif" value="Übersicht: Sites" />
    </div>
</div>

JDFiddle

编辑：+一个有发光效果的人

JSFiddle

Answer 2

我认为你可以把

<title>Your text</title>

在<img>标记内。

Answer 3

您需要使用JavaScript方法（onmouseover）或jQuery方法（.mouseover()）。 jQuery是最常用的JavaScript Framework，请在官方页面中查看。 JavaScript在客户端运行，在浏览器中运行。

此致

鼠标悬停时向文本添加文本

3 个答案: