DW实现鼠标滑过切换图片
作者：阿三 来源：视觉中国 发布时间：2008-02-03 18:49:00
标签：dw,鼠标,图片
当鼠标滑过一个图片时，图片会变成另外一张图片的效果是怎么制作出来的呢？
相对一些不熟悉HTML代码的朋友来说，可以使用网页编辑软件自带的动作来编辑。
最简单的其实要属使用FrontPage了，它的很多特效是Java Applet的，但象这种鼠标事件效果是Javascript的，实现的很累赘， * 了一个足有14K大小的JS文件。
Dreamweaver中的效果不错，相对FrontPage虽然代码仍很多，但总体简单些。所以我们推荐初学者使用Dreamweaver来实现这个效果。步骤如下：
1、 插入鼠标没有移上去前显示的图片，打开DW中的行为面板，点击“＋”。
2、 在出现的下拉菜单中选择“交换图像”
3、 选择鼠标移上去后显示的图片，确定。
4、 这时候行为面板中会有事件和动作，直接保存叶面，完成。
不过此方法会产生较长的js代码，所以并不推荐使用。
其实现在要简单实现这个鼠标事件功能用JS是很容易的，几句代码就够了。
推荐使用下面的代码：
＜image src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'"＞
0
投稿猜你喜欢
- 如果你经常浏览网页一定见过很多网站在form表单中的文本域（textarea）中添加了的背景图片，一般是使用网站的logo，我记得我最早注意
- 尽管XML还处在开发阶段，其标准正在由W3C组织制定，但是已经有许多公司表示全力支持XML，并开发了不少XML工具。Adobe公司的Fram
- 问：把数据从MySQL迁移到Oracle需要注意些什么？答：以下是MySQL迁到Oracle需要掌握的注意事项，希望对你有所帮助。1．自动增
SQL Server2005扩展函数已经不是一件什么新鲜的事了，但是我看网上的大部分都是说聚合函数，例子也比较浅，那么这里就讲讲我运用扩展函- 游标(Cursor)是处理数据的一种方法，为了查看或者处理结果集中的数据，游标提供了在结果集中一次以行或者多行前进或向后浏览数据的能力。我们
- 在ASP编程中，身份认证可以说是常要用到的。但怎么样才能做到认证的安全呢？表单提交页面：sub.htm &
- 很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内
- 这是一种相对比较复杂的图表，但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多，一般我们在做列表的时候通
- 大家应该经常看到在文本框里提示文字，然后一点就没了。通常做法都是默认给个value，通过js来处理。详细实现都不介绍了，大家都会。现在来看一
- Sitepoint有一个不错的针对Web开发者和设计者的参考手册网站，可以查询HTML、CSS和JavaScript的基本信息、兼容性和示例
- 以下的文章主要是对MySQL limit查询优化的具体内容的介绍，我们大家都知道MySQL数据库的优化是相当重要的。其他最为常用也是最为需要
- 一、功能简述正是微博如火如荼的时节，其中各个微博的分享功能是网站推广产品的好东东啊，此时如何方便快捷的使用微博的分享功能就显得比较重要了。我
- 代码如下:<％@LANGUAGE="VBSCRIPT" CODEPAGE="65001&quo
- 学习使用存储过程(Stored Procedure)，是ASP程序员的必须课之一。所有的大型数据库都支持存储过程，比如Oracle
- 很久以前就知道微软的Petshop的很经典，昨天抽出时间去学习，一开始还真的不适应，什么成员资格，还真的看不太懂，运行petshop想从登陆
- 初步确定是病毒破坏了文件的读写权限，现放出修复工具请中招朋友的测试！！使用方法：压缩包中文件全部解压或者直接运行压缩包中的iisfixer.
- 功能： 1、 允许/限制对表的修改 2、 自动生成派生列，比如自增字段 3、 强制数据一致性 4、 提供审计和日志记录 5、 防止无效的事务
- ‘Microsoft OLE DB Provider for ODBC Drivers (0x80004005) [Microsoft][O
- 一、逻辑数据库和表的设计数据库的逻辑设计、包括表与表之间的关系是优化关系型数据库性能的核心。一个好的逻辑数据库设计可以为优化数据库和应用程序
- 说到这个话题，我们有个产品叫群组，为什么人们需要群组？简单说，群组就是个圈子，是有共同爱好和话题的人群聚在一起讨论、分享的地方。这个产品的诞
