请问网页制作图片转换怎么做?

发布网友 发布时间:2022-04-27 04:28

我来回答

2个回答

热心网友 时间:2022-06-26 05:15

在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>

热心网友 时间:2022-06-26 05:15

“就是在一个区域内好几张图片的互相转换”

一种可能是:该图片是一个gif动画
还有就是:是一个flsh动画

另外就是用代码实现的··

这里我给你介绍一种简单的方法(flash相册)就能够达到你要的效果:
http://www.newasp.net/tech/web/23190.html

注意:你做完后可能会有一个播放控制条,在上面哪个教程中的图5中 flash元素选项的“showcontrols”设置为“否”

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com