制作的图片

在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.gifCSS代码变为：<style type="text/css"><!--#abc a {background-image: url(bj.gif);height: 50px;width: 50px;display: block;}--></style>最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gifCSS代码 变为如下：<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>

图片滚动代码 (从右向左滚动) <marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"> <img src="图片 " alt="" /> <img src="图片" alt="" /> </marquee> 图片滚动代码 (从下往上滚动) <marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"> <img src="图片 " alt="" /> <img src="图片" alt="" /> </marquee> 参数 用法介绍 behavior=scroll, slide, alternate 方式：循环绕行;只跑一次就停住;来回往复运动 scrollamount=20 速度：数越大越快

你可以使用photoshop，或fireworks制作处理图片（静态），如果是静态的需要将格式（扩展名）设为.jpg；如果是动态则用flash，格式为.gif；在网页中使用标签<img src="路径" alt="" >

定义和用法img 元素向网页中嵌入一幅图像。请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。在下面的例子中，我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片：<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />