jQuery实用图片淡入淡出加载效果

当前位置:主页 > jQuery库 > 图片效果 > jQuery实用图片淡入淡出加载效果
jQuery实用图片淡入淡出加载效果
分享:

    插件介绍

    neatShow是一款非常实用的jQuery图片淡入淡出加载效果插件。当在图片上应用neatShow插件的时候,它会等到该图片下载完成,立刻以 fade in 的方式将图片显示出来,而不管其它图片是否下载完成。该jQuery图片插件可以在图片的各种状态下工作。

    浏览器兼容性

    浏览器兼容性
    时间:02-18
    阅读:
简要教程

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插件来制作图片淡入淡出的效果,图片的初始状态必须是隐藏的。