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
投稿猜你喜欢
- axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建
- 问题概述：有时候在使用print函数输出时，往往需要不断地切换字符串和变量，操作起来很不方便，需要不断地打引号和逗号。比如：firstNam
下午的时候，配好了OpenCV的Python环境，OpenCV的Python环境搭建。于是迫不及待的想体验一下opencv的人脸识别，如下文- Java 8终于到来了! 经过几年的等待, java程序员终于能在java中得到函数式编程的支持了. 函数式编程的支持能流程化现
- 前端通过Ajax来获取服务器资源时，会存在跨域问题。因为Ajax只能同源使用（预防某些恶意行为），所以当访问不在同一个域中的资源时，就会出现
- 今天来和大家聊聊抽样的几种常用方法，以及在Python中是如何实现的。抽样是统计学、机器学习中非常重要，也是经常用到的方法，因为大多时候使用
- ajax开发中, 常遇到下面的几种情况: 1 服务端需要返回一段普通文本给客户端 2 服务端需要返回一段HTML代码给客户端 3 服务端需要
- 项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修
- 相信认真做过网页设计(Web Design)，或者关注过页面设计的同行都对“空格”不陌生。“空格”属于一类细节，很容易被忽略，但又比较影响效
- 训练完train_datasets之后，model要来测试样本了。在model(test_datasets)之前，需要加上model.eva
- 问题的提出相传古时候有个退休的程序员，在家闲来无事，决定修习书法之道。第一日，备好笔墨纸砚，便挥毫写下一行大字：“Hello World”。
- rss.asp格式的 下面代码保存为rss.asp 代码如下:<!--#include file="conn.as
- 自己写的用js读取配置文件的程序 D:\Useful Stuff\Javascript\mytest.txt 文件内容如下 [plugin_
- 它在Lynx里也会运行得很好：<％@ Language=VBScript ％><HTML><
- 最近微信迎来了一次重要的更新，允许用户对”发现”页面进行定制。不知道从什么时候开始，微信朋友圈变得越来越复杂，当越来越多的人选择”仅展示最近
- 在Oracle 8i中，往往会出现要在存储过程中运行操作系统命令的情况。一般来说，利用Oracle Enterprise Manager设定
- 关于 pynput pynput 可以监控我们的键盘和鼠标。目前具有此类功能的库有很多，比如 pygame 等游戏库，但是当我们只需要
- 见下：<form action="./calculation.asp"><input&nbs
- select a.*,b.SumPoint from Expert_Topic_Index a,(
- 1、安装pip install djangorestframework2、创建项目及应用创建项目创建应用目录结构如图3、设置settings
