怎样用dreamweaver制作滑动切换图片效果?在网上找了一段javascript滑动切换图片效果的代码,可不知道怎样用dreamweaver编辑,怎样布局?请高手指点,后天就要交作业了,急啊!!!十分感谢。
在DreamWeaver中实现滑动切换图片效果,可以使用 ‘鼠标经过图像’ 功能来实现,也可以用CSS控制来实现。
现在具体讲一下 CSS控制实现 图片切换效果!
首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。
然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下:
<!--注意上面才是CSS代码,下面是div-->
<div id="abc"><href="#">字体</a></div>
然后设置 div的背景图片 比如图片名为 bj.gif
CSS代码变为:
最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gif
CSS代码 变为如下: