qzgx.net
当前位置:首页 >> Js实现鼠标经过一张图片时同时出现另一张悬浮图片的代码 >>

Js实现鼠标经过一张图片时同时出现另一张悬浮图片的代码

简单的可以用css: css:#one{position:relative;} #hidden{position:absolute; top:100px;left:200px;display:none;} #one:hover #hidden{display:block;}} <div id='one'> <div id='img'><img src='img_src1' /></div> <div id='hidden'><img src='img_src2' /></div

<div onmouseover="pic.style.display=block">这里是一张图</div><div style="display:none;" id="pic">这里放另一张图</div>

你可以,自己写一个div,用隐藏和显示来做,要简单些..

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.9.0.min.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; #img_

对按钮绑定js事件,在事件下编写代码,更换按钮图片就可以了.你需要的事件是:onmouseover、onmouseout、onmousedown、onmouseup

使用js或css都可以,js里使用onmouseover控制另一张图片的display由none变为block,css使用hover控制display 如果有其他问题,请咨询 http://www.net0516.com

<!--<html><head><title>代码</title><meta http-equiv="content-type" content="text/html;charset=utf-8"><script type="text/javascript" src="js/jquery-1.10.1.js"></script><script>$(function(){ $("p").mouseover(function() { var url=$(this).find(

div+CSS也可以实现,也不麻烦,不过相对而言,还是用DW的JS代码简单些,而且还可以直接调用JS文件.再看看别人怎么说的.

Dreamweaver的? 点击进入放大,点右上角板的动作,选择以交换图片,浏览选择,

这个是JS效果,不是什么样式.也就是说这个是两个触发时间,一个是mouseon一个是mouseover 建议你补习下javascript的知识.

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.qzgx.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com