Js css 鼠标划过小图出现大图

因为需要一个鼠标划过小图出现大图的效果,所以在网上进行查找后发现这个是非常好的方法。
当然,如果你有很多图片,我不建议用这个方法,因为加的代码太多,且不便于维护,建议用其它方法。
目录 [显示]
代码:

第一步

在 img标签中加入:

onMouseOver="toolTip('<img src=xy_da_1.jpg>')" onMouseOut="toolTip()"


完整代码:

<img src="xy_1.jpg" onMouseOver="toolTip('<img src=xy_da_1.jpg>')" onMouseOut="toolTip()">

第二步

在网站底部位置加入:

<script language="javascript" src="ToolTip.js"></script>


ToolTip.js文件在下面效果演示地址页面源码最底部里面,请自己找到下载。

效果演示地址


页面底部的 周易速成班学员交流反馈 里面的图片

http://www.luck789.com/zhuanti/suchengban/

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND