jquery实现鼠标划过小图变大图(可实现多张)

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

之前我发布过一个用脚本实现小图变大图的动画,当时采用的只是一张图片,先用样式将大图缩小,鼠标划过时恢复原状。今天我要介绍的这个小图变大图的动画是采用jquery来做的。

脚本包含jquery.js,这个是基础,接着是一个扩展性的脚本。并没有通过样式来缩小图片,而是采用了一大一小的图片。由于是jquery,因此也实现了渐变的功能,同时,还可以带有文字说明,挺不错的。

以下是我制作的效果截图:

还是挺不错的,可以实现多张小图变大图;以下我提供源文件,欢迎有需要的朋友下载使用:

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

下载地址:jquery实现鼠标划过小图变大图(可实现多张).rar

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