大神,HTML网页编程的鼠标放到图片上,有另一个图片出来,代码是多少 100
参考:http://sale.jd.com/mall/DZ5BeJK3x6WaTVwR.html...
参考:http://sale.jd.com/mall/DZ5BeJK3x6WaTVwR.html
展开
展开全部
大体思路:
'定义一个放大图层
<div id='otherlayer' style='....'><IMG id='enlargedpic' src='' height=500 width=500></div>
'实际显示图部分
<div>
<img src='pic.jpg' onmouseover='javascript:showbigpic(1);' onmouseout='showbigpic(0);'>
</div>
'鼠标经过时触发的事件处理
showbigpic(id)
{
var infoDiv = document.getElementById('otherlayer');
if(idx==1){
document.getElementsByName("'enlargedpic'")[0].src = pic;
infoDiv.style.visibility = "visible";
} else{
infoDiv.style.visibility = "hidden";
}
}
'定义一个放大图层
<div id='otherlayer' style='....'><IMG id='enlargedpic' src='' height=500 width=500></div>
'实际显示图部分
<div>
<img src='pic.jpg' onmouseover='javascript:showbigpic(1);' onmouseout='showbigpic(0);'>
</div>
'鼠标经过时触发的事件处理
showbigpic(id)
{
var infoDiv = document.getElementById('otherlayer');
if(idx==1){
document.getElementsByName("'enlargedpic'")[0].src = pic;
infoDiv.style.visibility = "visible";
} else{
infoDiv.style.visibility = "hidden";
}
}
展开全部
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="http://www.w3school.com.cn"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit W3School!" src="/i/eg_mouse2.jpg" id="b1" />
</a>
</body>
</html>
参考自 http://www.w3school.com.cn/jsref/event_onmouseover.asp
追问
这个是用java制作的还是Dreamwave
追答
普通的html + js就好了。
另外,java是个编程语言,Dreamwave是个编程工具。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2014-10-16
展开全部
用onMouseOver这个事件。鼠标经过的时候 弹出图片来
追问
在哪里?
追答
在你的img加这个onMouseOver事件
思路: 定义一个DIV ,初始不显示,鼠标经过激发一事件,放大图片,坐标为鼠标的 x,y 坐标
JS 鼠标经过显示大图
";
// 定义上与左坐标:图片跟随鼠标动
bigImg.style.left=event.clientX;
bigImg.style.top=event.clientY;
}else{
// mouseout,不显示
bigImg.style.display="none";
}
}
-->
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询