js实现鼠标划过小图变大图

作者:林炜贤来源:www.163css.com发表时间:(2010-09-02)

怎么说这种动画呢?我在百度上找了很多次了,今天应朋友要求,将它整理出来。当我将鼠标放到小图片上时,小图片将会变大。原理是采用一张大图,用css将大图缩小。鼠标划过的时候就将它还原。

当然,大图还是需要定位的,这个可以通过document.body.scrollTop + event.clientY + 10 + "px";来确定。

以下是效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用;

预览地址:http://www.163css.com/hihilinxuan/cssjs/201009/xtbdt/index.html

下载地址:js实现鼠标划过小图变大图.rar

返回作者主页:www.163css.com阅读 (10132)
更多 1