如何做到在Dreamweaver 鼠标指向图像时显示文字
2016-09-13
温州瓯越培训学校
温州市瓯越职业培训学校是一家经温州市民政局批准成立的专门从事培训教育的正规机构，学校自1992年开创教育培训以来不断发展壮大，现开设电脑培训、会计培训、英语培训、手机维修培训等多个培训体系.
向TA提问
关注
![]()
展开全部
在Dreamweaver网页设计中常常会需要设计鼠标指向图片时显示文字，具体操作步骤如下：
1、启动Dreamweaver cs4，点击“插入”中的“图像”，如图：
2、选择要插入的图片，按“确定”按钮，如图：
3、切换到代码模式，在img标签后面加下代码title="可爱的小猫咪！”，如图：
4、打开网页进行浏览，这时鼠标移到图片上方时就会出现“可爱的小猫咪！”文字，如图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你想要的是这种效果吗?==============<!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>
<div>
<img src=" http://img1.gtimg.com/0/76/7631/763180_1200x1000_0.jpg" id="pic" />
<p id="word"></p>
</div>
<script type="text/javascript">
var word=document.getElementById("word");
var pic=document.getElementById("pic");
pic.onmouseover=function(){
word.innerHTML="卡通图片";
}
pic.onmouseout=function(){
word.innerHTML="";
}
</script>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<div>
<img src=" http://img1.gtimg.com/0/76/7631/763180_1200x1000_0.jpg" id="pic" />
<p id="word"></p>
</div>
<script type="text/javascript">
var word=document.getElementById("word");
var pic=document.getElementById("pic");
pic.onmouseover=function(){
word.innerHTML="卡通图片";
}
pic.onmouseout=function(){
word.innerHTML="";
}
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在Dreamweaver里面，插入一张图片，然后点击图片！眼睛望下看，找到属性面板，是这样的 看到了没有？然后鼠标点击替换， 在里面输入文字。这样就可以了！F12浏览吧！祝你成功啦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
