dreamweaver中,我想鼠标移动到图片上时会显示图片的名称,该怎么做。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dreamweaver中,我想鼠标移动到图片上时会显示图片的名称,该怎么做。相关的知识,希望对你有一定的参考价值。

添加图片title属性就可以!再设计窗口选中图片,在点代码窗口。在图片(img)后面加上 title="显示的字" 就可以了 参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<img title="图片名字" src="JS综合练习/images/baiyechuang/1.jpg" width="1000" height="400" />
</body>
</html>
加title就好!

将鼠标悬停在图片上时如何在 tumblr 上显示标签? [关闭]

【中文标题】将鼠标悬停在图片上时如何在 tumblr 上显示标签? [关闭]【英文标题】:How to show tags on tumblr when you hover over a picture? [closed] 【发布时间】:2013-05-09 04:51:34 【问题描述】:

我得到了这个新主题 (http://soeststhemes.tumblr.com/casual),但不幸的是它没有显示标签。我想在您将鼠标悬停在图像上时显示标签,有人知道如何在 html 上执行此操作吗? 这个博客中的内容:http://yixing.tumblr.com/ 当您将鼠标悬停在标签上时,标签会显示在旁边

【问题讨论】:

你到底想要什么...??鼠标悬停在任何图像上时是否要显示一些文本...? 是的,当鼠标悬停在该图像上时,显示我用于该图像的标签 【参考方案1】:

由于这个主题没有标签,你必须添加它们。看看this useful guide tumblr 有关于创建自定义主题。

首先,您需要结构的 HTML。这是标签的简单部分:仅当帖子具有标签时才会出现 div 框,每个标签的链接由空格分隔。这必须粘贴在&lt;div class="entry"&gt; 的每个实例之后,以便它显示在所有类型的帖子中。

block:HasTags
 <div id="tags">
  block:Tags<a href="TagURL">Tag</a>&nbsp;/block:Tags 
 </div>
/block:HasTags    

现在 CSS 是让它在悬停帖子时出现和消失的原因,以及对其进行格式化。这应该与主题的 CSS 一起放在 HTML 代码中的 CustomCSS 之前。我添加了一些额外的行以使该部分与主题更加流畅。

#tags 
      /* Positions the tags section */
      position: absolute;
      bottom: 0px;
      left: 0px;
      /* Sets opacity to 0 to hide */
      opacity: 0;
      filter: alpha(opacity=0);
      /* Keeps the tags section over everything */
      z-index: 10;
      /* Extra: Width is the same as the post width */
      width: 100%;
      /* Extra: Background colour */
      background: white;
      /* Extra: Smooth transition (same as theme) */
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      transition: all 0.8s ease;


/* When hovering over .entry do this to #tags */
#entry:hover .tags 
      /* Opacity is maximum to show tags */
      opacity: 1;
      filter: alpha(opacity=100);

现在只需调整 CSS 以满足您的需求。您可以更改顶部或左侧的值,或者将它们更改为右侧或底部。也允许负值。

您可以使用您展示的主题查看我的示例here。

【讨论】:

您可能希望使用.tags 而不是#tags,因为页面上会同时出现多个帖子。 +1 表示感谢

以上是关于dreamweaver中,我想鼠标移动到图片上时会显示图片的名称,该怎么做。的主要内容,如果未能解决你的问题,请参考以下文章

我用css让一个图片从左到右移动,有没有啥办法当鼠标移动到图片上时,图片停止移动,鼠标放开后继续

C#中,当鼠标移动到按钮上时,按钮边框闪烁,鼠标移开时恢复正常,急急急

如何在Macromedia Dreamweaver 8 中实现“鼠标滑到超链接上时,出现一个下拉列表”,注意,不是层做的

网页图片链接鼠标移动上去会动一下,如何解决?

jQuery制作图片提示效果

悬停在文本上时,悬停效果消失