neatShow 是一款非常实用的 jQuery 图片淡入淡出加载效果插件。当在图片上应用 neatShow 插件的时候,它会等到该图片下载完成,立刻以 fade in 的方式将图片显示出来,而不管其它图片是否下载完成。该 jquery 图片插件可以在图片的各种状态下工作,如图片正在下载、图片下载完成和缓存图片。
$(selector).neatShow();
speed: number:指定图片淡入淡出的时间,单位毫秒,默认值400毫秒
$(selector).neatShow({ speed: 800});
// specify fade in speed for images in milliseconds.
// If no speed is specified default is 400ms.
speed: 'random':图片在下载完成后移随机的速度淡入淡出显示图片。
$(selector).neatShow({ speed: 'random'});
// each image will fade in at a random speed once downloaded
speed: 'random', minSpeed: 400, maxSpeed: 2400:你可以为随机显示指定最大和最小的淡入淡出速度,默认最小速度为400毫秒,最大速度为1200毫秒。
$(selector).neatShow({ speed: 'random', minSpeed: 400, maxSpeed: 2400});
// you can also specify minimum and maximum fade in speeds for random.
// If none are specified the defaults are 400 and 1200
$(selector).neatShow({ mode: 'container'});
// Container Mode will scan through selector's images and
// fade in any image inside that container that is hidden.
注意:如果你要使用这个 jQuery 插件来制作图片淡入淡出的效果,图片的初始状态必须是隐藏的。
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!