Ⅰ 在dreamweaver制作网页是如何实现图片切换效果
在DreamWeaver中实现鼠标图片切换效果 可以使用 ‘鼠标经过图像’ 功能来实现
也可以用CSS控制来实现。
‘鼠标经过图像’ 功能简单明了。不需多讲,多试几次即可掌握。
现在具体讲一下 CSS控制实现 图片切换效果!
首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。
然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下:
<style type="text/css">
<!--
#abc a {
height: 50px;
width: 50px;
display: block;
}
-->
</style>
<!--注意上面才是CSS代码,下面是div-->
<div id="abc"><href="#">字体</a></div>
然后设置 div的背景图片 比如图片名为 bj.gif
CSS代码变为:
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
-->
</style>
最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gif
CSS代码 变为如下:
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
#abc a:hover {
background-image: url(bjj.gif);
}
-->
</style>
Ⅱ 如何在DREAMWEAVER中做出图片切换效果
简单的鼠标经过图片切换点击菜单栏选择“插入”—“图像对象”—“鼠标经过图像”在弹出的“插入鼠标经过图像”中选择原始图像和鼠标经过时图像即可。
Ⅲ dreamweaver网页里的图片切换怎么做
原理就是改变图片的左右位置,把下面按钮改一下就行了