㊣狸窝用户：7340334 位用户排行

免费软件免费咨询，升级VIP会员支持狸窝发展，体验更多狸窝产品现在升级>>

替换滚动水印广告为我的静态水印

南京婚庆: 你们的产品很好已升级vip!

乔乔: 刚升级10年会员,狸窝不错刚完成小孩寒假作业是把视频转换视频.

爱情鸟KTV: 我要好学习狸窝宝典里的教程我现在可以使用了吧付款198块大洋的套餐

昆山老刘: 我是一个快60的老头以前用过你们的全能转化工具最近支持下你们升级了贵宾以后还请多多指导.

lwplmc: 给女朋友做了一个视频有视频制作兴趣的朋友交流下我是198元的用户.

青岛装饰: 狐窝老板我是刚注册的永久会员有空来青岛我请你喝酒.

五兄: 用狸窝好久了，觉得不错，刚升级vip，也支持下国产正版

罗伟: 感谢贵公司技术指导赠20元以答谢

天叔: 这么多年了，你真的很敬业，热情，认真。以前你也帮过我

繁华陌上开: 第一次接触狸窝，感觉非常好

......

木子李

非翘楚

合作

芹菜豆腐

泉水

林姑娘

熊红梅

你是我的菜

串串

『本站教程方案纯手工制作通谷易懂』

扫一扫关注狸窝公众号

鼠标经过显示文字说明代码

狸窝复制收藏保存到桌面快速找教程方案反馈需求社会主义核心价值观在线客服马上注册升级VIP

鼠标经过文字显示说明：

<a title="要显示的文字">link</a>
<span title="要显示的文字">span</span>
<div title="要显示的文字">div</div>
.......
好多的标签都支持的
如果是图片还可以用<img alt="要显示的文字" src="你的图片">

鼠标经过文字时显示图片说明：

方法一：<CSS实现>推荐

<!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=gb2312" />
<title>鼠标经过效果</title>
</head>
<body>
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
padding: 1px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 17px;
left: 55px;
}

</style>
<a class="thumbnail" href="">鼠标点击这里
<span><img src="http://www.guangjiezu.com/images2/dxxpic.gif" width="165" height="26" border="0"></span>
</a>
</body>
</html>

注释：“鼠标点击这里”===》图片效果为：

<a class="thumbnail"><img src="/images/duanxiaoxi.gif" border="0" onClick="showDiv(this)"><span><img src="/images2/dxxpic.gif" width="165" height="26" border="0"></span></a>

方法二：<JS实现>不推荐

<!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>JS实现-鼠标经过文字时显示图片</title>
<script language="javascript">
function display1()
{
b.style.display="block";
}
function display2()
{
b.style.display="none";
}
</script>
</head>
<body>
<a href="#" onmouseover="display1()" onmouseout="display2()">鼠标移上来吧</a>
<img id="b" src="http://www.guangjiezu.com/images2/dxxpic.gif" alt="" title="" style="display:none" />
</body>
</html>

Tags: 鼠标经过显示文字. 每天学习狸窝宝典 | 快速找教程方案

狸窝是帮助用户解决问题提供教程解决方案在这个过程中有使用我们自己开发的软件也有网上找的工具只要帮助用户解决问题就好！在这个过程中我们的教程方案写作老师比较辛苦有时为了一个教程要试验测试好几天及连续加班多日, 而大家的赞赏是一种肯定和表扬不在于多少|打赏随意|只要你开心, 更像征一种鞭策和鼓励！！！