 |
您现在的位置： 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文 |
|
|||
| 鼠标事件的基础和完美实现 | |||
作者：hairan 文章来源：视觉中国 点击数： 更新时间：2007-7-6 18:14:27  |
|||
|
|
||
| 当鼠标滑过一个图片时，图片会变成另外一张图片的效果是怎么制作出来的呢？ 相对一些不熟悉HTML代码的朋友来说，可以使用网页编辑软件自带的动作来编辑。 最简单的其实要属使用FrontPage了，它的很多特效是Java Applet的，但象这种鼠标事件效果是Javascript的，实现的很累赘，外挂了一个足有14K大小的JS文件。 Dreamweaver中的效果不错，相对FrontPage虽然代码仍很多，但总体简单些。所以我们推荐初学者使用Dreamweaver来实现这个效果。步骤如下： 1、插入鼠标没有移上去前显示的图片，打开DW中的行为面板，点击“＋”。  2、在出现的下拉菜单中选择“交换图像”  3、选择鼠标移上去后显示的图片，确定。  4、这时候行为面板中会有事件和动作，直接保存叶面，完成。  不过此方法会产生较长的js代码，所以并不推荐使用。 其实实现鼠标事件效果最完美的方法是插入一小句代码即可。代码如下： <image src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'"> 而事实上，这种效果一般不超过100个字节（你别告诉我文件名就有几十个字节哦）。 |
||
| 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入：hairan 责任编辑：hairan 【字体：小 大】 |
| |
 最新文章 |
| 相关文章 |
| 网页设计中HTML常犯的五个错误 浅谈设计美学 怎样设计标志 关于装帧设计的整体性 试从动态的角度思考标识设计 网站设计八步骤 Flash动画内部加连接的一点小技巧 制作网页时关于文字自动换行的小技巧 在Dreamweaver中常见的问题大全 Photoshop抠图：从花背景中快速抠出文字 |
 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |
| 发表评论： |
| 最 新 推 荐 |
| 百度主题推广 | |
| 最 新 热 门 |