鼠标放在小图标上显示新的大图效果怎么弄?
我想做一个效果,就是放了几个小图标(小图片)当鼠标滑动到上面的时候,旁边出现一个半透明的大图,跟小图片不是同一个图请问下谁有这个代码没有积分了,不过衷心的感谢大家的帮助...
我想做一个效果,就是放了几个小图标(小图片)当鼠标滑动到上面的时候,旁边出现一个半透明的大图,跟小图片不是同一个图请问下谁有这个代码 没有积分了,不过衷心的感谢大家的帮助
展开
2013-08-15
展开全部
<SCRIPT LANGUAGE="JavaScript">
function show(obj)
{
var img = document.getElementById("showimg");
if(img.src!=obj.src)
{
img.src=obj.src;
}
img.style.display="";
img.style.position="absolute";
img.style.top = obj.offsetTop;
img.style.left = obj.offsetLeft+obj.width;
}
function hide()
{
document.getElementById("showimg").style.display="none";
}
</SCRIPT><img src="images/01.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/02.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/03.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/04.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="" id="showimg" style="display:none" height=200>
不知道你要的是不是这样的
function show(obj)
{
var img = document.getElementById("showimg");
if(img.src!=obj.src)
{
img.src=obj.src;
}
img.style.display="";
img.style.position="absolute";
img.style.top = obj.offsetTop;
img.style.left = obj.offsetLeft+obj.width;
}
function hide()
{
document.getElementById("showimg").style.display="none";
}
</SCRIPT><img src="images/01.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/02.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/03.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="images/04.jpg" onmouseover="show(this)" onmouseout="hide()" width=50 height=50><BR>
<img src="" id="showimg" style="display:none" height=200>
不知道你要的是不是这样的
2013-08-15
展开全部
在行为里边 有鼠标经过时的特效 不用代码 很简单
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询