qiu000的gravatar头像
qiu000 2014-09-23 22:35:42

js如何实现类似于图片中的网页特效代码?

<html>
<style>
img.show{
display:inline;
}
img.hide{
display:none;
}
</style>

<body>
</br>
</br>
</br>
</br>
</br>
</br>
<img id= "img1 " src= "zhutu1.jpg " width= "150 " height= "110 "
onmouseover= "document.getElementById( 'img2 ').className= 'show ' "
onmouseout= "document.getElementById( 'img2 ').className= 'hide ' "
/>
<img id= "img2 " src= "001.jpg " width= "150 " height= "200 " class= "hide "/>
</body>
</html>

我做的网页中onmouseover的时候为什么主图会一直上下跳动?求指点

如下:鼠标放置到小图可以看见另一种大图

js如何实现类似于图片中的网页特效代码?

所有回答列表(4)
shenqi0705的gravatar头像
shenqi0705  LV8 2014年9月24日

个人见解,因为你两张图的height大小不一致,你可以试着放入不同的div里

超级java码农的gravatar头像
超级java码农  LV17 2014年9月26日

把隐藏的img改成浮动的

weep的gravatar头像
weep  LV21 2014年9月27日

样式问题,一般是图大小不一样,或者样式不一样,比如有边框和无边框等~

 

mjtljx的gravatar头像
mjtljx  LV42 2014年12月3日

这是淘宝的UED放大镜效果

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友