当前位置:去问问>百科知识>怎样用dreamweaver制作滑动切换图片效果???

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

2024-10-30 03:31:46 编辑:zane 浏览量:574

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

的有关信息介绍如下:

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

  在DreamWeaver中实现滑动切换图片效果,可以使用 ‘鼠标经过图像’ 功能来实现,也可以用CSS控制来实现。

  现在具体讲一下 CSS控制实现 图片切换效果!

  首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。

  然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下:

  <!--注意上面才是CSS代码,下面是div-->

  <div id="abc"><rel="nofollow" href="#">字体</a></div>

  然后设置 div的背景图片 比如图片名为 bj.gif

  CSS代码变为:

  最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gif

  CSS代码 变为如下:

 

版权声明:文章由 去问问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.qwenw.com/article/411718.html
热门文章