Question

怎样用dreamweaver制作滑动切换图片效果？？？

怎样用dreamweaver制作滑动切换图片效果？在网上找了一段javascript滑动切换图片效果的代码，可不知道怎样用dreamweaver编辑，怎样布局？请高手指点，后天就要交作业了，急啊！！！十分感谢。

Answer 1

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

Answer 2

直接打开计事本，把代码复制进入，然后保存为.html后缀的文件就可以了，但是就是一个网页文件。

如果是要做网站的话建议去下载专业网站系统来做，比如pageadmin系统、wordpress系统、discuz系统这些你熟悉后基本就可以做任何类型网站了，只靠Dreamweaver基本做不做什么网站，不过建议学点html、css这些基础。

Answer 3

给你个专业的网站吧！心仪网！你在百度搜搜看里边内容很全的！

Answer 4

你说的是不是a:hover（鼠标置顶）？