找一个类似于下图的JS,,鼠标放在文字上,显示右边的一个图片
若以下回答无法解决问题,邀请你更新回答
展开全部
<script>
function over(){
var obj = document.getElementById('img');
obj.src = "http://image.xinmin.cn/2011/09/26/20110926053936004372.jpg";
obj.width='150';
obj.height='200';
obj.parentNode.style.display='block';
}
function out(){
var obj = document.getElementById('img');
obj.parentNode.style.display='none';
}
</script>
<div style="float:left">
<a href="javaScript:void(0);" onmouseover="over();" onmouseout="out();">IPHONE4S</a>
</div>
<div style="float:left;display:none;margin-left:20px">
<img src="" id="img" />
</div>
样式你可以自己调一下,大致代码就是这样!
function over(){
var obj = document.getElementById('img');
obj.src = "http://image.xinmin.cn/2011/09/26/20110926053936004372.jpg";
obj.width='150';
obj.height='200';
obj.parentNode.style.display='block';
}
function out(){
var obj = document.getElementById('img');
obj.parentNode.style.display='none';
}
</script>
<div style="float:left">
<a href="javaScript:void(0);" onmouseover="over();" onmouseout="out();">IPHONE4S</a>
</div>
<div style="float:left;display:none;margin-left:20px">
<img src="" id="img" />
</div>
样式你可以自己调一下,大致代码就是这样!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询