今天小编就为大家介绍dw制作鼠标放上去图片就显示鼠标离开图片就消失的效果，操作方法很简单的，不会的朋友可以参考本文哦！
操作步骤：
1、新建“HTML文档”，在“布局”里找到“绘制层”，绘制一个方形层，填充颜色，并在里面输入文字“夏”，字体和颜色，大家自由设置；
2、用“绘制层”再次绘制一个层，层编号设置为“夏”，宽：300px；高：200px；设置如图所示：
3、在“夏”层里插入一张图片，大小和“夏”层一样大，宽和高分成设置为300px、200px；
4、点击“窗口”—“行为”，出现“行为”窗口；
5、选中“夏”层，在“层”窗口下，打开“夏”前面的眼睛
；然后选中文字“夏”，在“行为”窗口下，点击
，选择“显示—隐藏层”；
6、这时弹出“显示—隐藏层”窗口，选中层“夏”，点击“显示”，然后确定即可；
7、在“行为”窗口中，就会出现“显示—隐藏层”信息，在前面的下拉菜单中选择“onMouseover ”。
补充：onmouseover 事件会在鼠标指针移动到指定的对象上时发生。
8、再次选中“夏”层，在“层”窗口下，选择“夏”前面的这个图标
，它的意思就是关闭图片，这时你会看到，“夏”层以及里面的图片都没有了；
9、选中文字“夏”，在“行为”窗口下，点击，选择“显示—隐藏层”；这时会弹出“显示—隐藏层”窗口，选中层“夏”，点击“隐藏”，然后确定即可；
10、在“行为”窗口中，再次出现“显示—隐藏层”信息，在前面的下拉菜单中选择“onMouseout ”。
补充：onmouseout 事件会在鼠标指针移出指定的对象时发生；
11、保存，预览；
图1：鼠标放上去，图片显示；
图1
图2：鼠标离开，图片消失
图2
以上就是dw制作鼠标放上去图片就显示鼠标离开图标就消失方法介绍，操作步骤并不是很难，但需要大家仔细一点，尤其在设置行为时要注意图片的显示和隐藏，好了，有兴趣的朋友可以参考本文哦！
注：本篇文章系脚本之家依照真实经历原创，转载请注明出处！
魔客吧温馨提示：如果你正在寻找dedecms模板，那你可以到魔客吧的 dedecms模板 频道看看，相信一定能找到你喜欢的！
分享到 更多 <script type="text/javascript" id="bdshell_js"></script><script type="text/javascript">document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();</script> 本文地址：http://www.moke8.com/article-19356-1.html文章标题：dw制作鼠标放上去图片就显示鼠标离开图片就消失 收藏邀请 最新分享资源
响应式建筑建材水泥网站dede模板
dedecms模板 by moke
响应式货运物流网站dedecms模板
dedecms模板 by moke
生态农业酷站HTML模版
div+css模板 by hexipeng
智能家居网站+手机端织梦模板
dedecms模板 by moke最新评论
相关分类
- 网页设计
- DIV+CSS教程
- Flash教程
- Dreamweaver教程
- jquery教程
- bootstrap教程
- HTML教程
- html5教程
- CSS教程
精品推荐
精华 中英双语响应式电子企业织梦模板
dedecms模板 by moke极品资源
极品 高端建筑装饰带手机版十配色织梦模板
dedecms模板 by moke原创模板
魔币 多配色创意metro风格企业
下载排行
- 01响应式网站网络设计公司织梦
- 02响应式货运物流网站dedecms模
- 03智能家居网站+手机端织梦模板
- 04响应式建筑建材水泥网站dede
- 05生态农业酷站HTML模版
资源分类
企业网站模板 企业网站源码 个人网站模板 个人网页模板 手机wap网站 门户网站模板 商业源码 淘宝客程序 html5网站 网站后台模板 html网页模板 学校网站模板 <script type="text/javascript">var cookieLogin = Ajax("TEXT");cookieLogin.get("connect.php?mod=check&op=cookie", function() {});</script><script type="text/javascript">_attachEvent(window, 'load', getForbiddenFormula, document);function getForbiddenFormula() {var toGetForbiddenFormulaFIds = function () {ajaxget('plugin.php?id=cloudsearch&formhash=8d5874a6');};var a = document.body.getElementsByTagName('a');for(var i = 0;i < a.length;i++){if(a[i].getAttribute('sc')) {a[i].setAttribute('mid', hash(a[i].href));a[i].onmousedown = function() {toGetForbiddenFormulaFIds();};}}var btn = document.body.getElementsByTagName('button');for(var i = 0;i < btn.length;i++){if(btn[i].getAttribute('sc')) {btn[i].setAttribute('mid', hash(btn[i].id));btn[i].onmousedown = function() {toGetForbiddenFormulaFIds();};}}}</script>联系我们 | 关于我们 | 招商加盟 | 版权声明 | 帮助中心 | 广告服务 | 网站地图
欢迎浏览魔客吧提供的 dw制作鼠标放上去图片就显示鼠标离开图片就消失 信息，若本站中的信息侵犯了您的权益，请与本站管理员联系Copyright @ 2010-2015 魔客吧 版权所有 蜀ICP备09014119号 川公网安备51050202000165号 <script type="text/javascript" src="http://tcss.qq.com/ping.js?v=1VERHASH" charset="utf-8"></script><script type="text/javascript" reload="1">pgvMain({"discuzParams":{"r2":"5238379","ui":0,"rt":"portal","pn":1,"qq":"000"},"extraParams":""});</script>
积分 0, 距离下一级还需 积分 <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script><script>(function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();</script> <script type="text/javascript"> var tipsinfo = '5238379|X2.5|0.6||0||0|7|1505357895|3d10b7d8a71c24e2ad8a8a220fb61966|2'; </script> <script src="http://discuz.gtimg.cn/cloud/scripts/discuz_tips.js?v=1" type="text/javascript" charset="UTF-8"></script>