如何通过鼠标指向图片来隐现文字

鼠标

　　一个table或者<DIV>放置一张图片（有链接）和位于图片下方的一段文本，希望使得鼠标移到图片上时显示文本（图片也显示），鼠标移出时隐藏文本。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <title></title>
 <style type="text/css">
 <!--
 body{
  font-size: 12px;
 }
 img{
  border: 0;
 }
 div a:hover{
  background: #FFFFFF;
  text-decoration: none;
  color: #666666;
 }
 div a p{
  display: none;
 }
 div a:hover p{
  display: block;
  width: 60px;
  text-align: center;
  margin: 5px 0;
 }
 -->
 </style>
</head>
<body>
<div><a href="#"><img src="http://www.webjx.com/img/200406301.jpg" alt="网页教学网" width="60" height="46" /><p>网页教学网</p></a></div>
</body>
</html>

时间： 2024-08-31 00:38:37

如何通过鼠标指向图片来隐现文字的相关文章

Word2010如何实现鼠标指向自动显示提示文字

在对Word文档进行操作时,经常需要给一些关键地方添加提示文字,但又不能让提示影响到原文的视图和打印效果.因此想让提示文字只在鼠标靠近时自动显示,当鼠标移开时就得自动消失.请问在Word中是否有办法可实现类似的效果呢? 在Word2010中有两种方法可以达到你要求的鼠标指向自动显示和隐藏的效果:使用超链接和尾注,他们各有优劣,小编来教你使用这两种方法. 一.超链接 在Word2010文档中,当鼠标指针指向超链接时默认将显示链接地址.不过用户可以根据需要自定义超链接屏幕提示文字,操作步骤如下所述:

鼠标指向图片，出现文本提示效果

可以调整窗口大小,再把鼠标移到图片上查看--

js实现鼠标悬停图片上时滚动文字说明的方法

 这篇文章主要介绍了js实现鼠标悬停图片上时滚动文字说明的方法,涉及js操作鼠标事件的使用技巧,需要的朋友可以参考下     本文实例讲述了js实现鼠标悬停图片上时滚动文字说明的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <title>js实现鼠标悬停图片上时的滚动文字说明</title> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin

js实现鼠标悬停图片上时滚动文字说明的方法_javascript技巧

本文实例讲述了js实现鼠标悬停图片上时滚动文字说明的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>js实现鼠标悬停图片上时的滚动文字说明</title> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function showtip2(current,e,text){   if (document.all&&a

鼠标放到图片上慢慢变大

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大,移开后图片又慢慢变小</title>   </head>   <body> <img id=MainImg onmouse

gif动态图片怎么加文字

  1.在qq聊天框里面插入图片. 2.将鼠标放在图片上,会出现一个选择框,点击上面的涂鸦,然后就可以编辑图片了. 3,编辑好图片点击完成就行了,这时候文字就加好了,很方便. 设置好参数 点击输入水印文字的拖曳确定位置 可以自由保存 4.最终效果

PS如何清除掉图片上的文字?

  PS用为强大图片处理工具,可以处理很多常见图片的难题,比如我们要使用一张图片,而这张图片上原来有文字却是我们不想要的,那么怎么办呢? 现在小编来教你如何处理这种情况. 方法/步骤 1.首先我们打开我们的PS软件,并通过PS打开我们需要处理的图片. 2.而我们想要清楚图片上的文字,需要的工具是修复工具,现在我们点开修复工具. 3.在修复工具中我们选择我们最常用的修补工具,几乎很多时候我们都会使用这个工具,比如修复人脸,修复图片等等. 4.我们用修补工具先把山字下半部分圈选出来,然后鼠标左键压住

怎么把图片转换成文字

如今知识大爆炸时代,任何东西都可能成为信息传播的媒介和载体,图片的出现更是极大的丰富了资料储存的多样性,已深入融入了我们的生活和工作,成为不可替代的一部分了,当然小编今天要介绍的是如何通过文字识别软件来提取图片内的文字,因为现在公司内的文件扫描件都是已图片的格式存在的,这对行政人员来说是最熟悉不过的了; 工具/原料:捷速图片片文字提取大师 方法/步骤 在现实的生活中,小编就碰到了有好几次这样的情况,同事拿着公司下发的扫描或传真资料,在公司执行的时候要根据当地的实际情况对资料进行当地化,也就是根据

怎么用图片文字提取大师把图片转换成文字

  捷速OCR文字识别软件是一款非常好用的ocr图像识别软件.软件功能强大,将你上传的图片转换成WORD.图片转换成文字等可编辑文字,一键转换,OCR识别在线超快!支持JPG.PNG.GIF.BMP.DOC等图片格式,欢迎下载使用 小编由于之前自己也碰到过这种情况,于是自己就在网上查找相关的资料,而且已经成功地把图片的内容提取出来 了,效果还不错,于是小编就让这个同事到网上下载捷速图片片文字提取大师下来,安装好之后,再让他打开; 打开软件之后,就教他一步步操作,首先就是添加文件,因为软件上就有这