手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery插件bgStretcher.js实现全屏背景特效
jQuery插件bgStretcher.js实现全屏背景特效
摘要:可以自动动态更换网页背景图片的jQuery插件bgstretcher.js,推荐的这个插件,可以自定义多种方式让网页背景自动切换,效果流畅,...

可以自动动态更换网页背景图片的jQuery插件bgstretcher.js,推荐的这个插件,可以自定义多种方式让网页背景自动切换,效果流畅,非常难得,调用代码也非常简单。

bgStretcher 2011 (Background Stretcher)是一个jQuery的插件,可以为你的网页添加多张背景图,且多个背景图能够自动切换,同时背景图大小可以自适应浏览器窗口的大小。背景图的切换效果有淡入淡出,滚动,幻灯,其中选用滚动和幻灯时,可以选择方向,上下左右,或者左上右下,右上左下。图片切换顺序也可以设置正向,反向或者随机。更多选项就看你自己慢慢研究了。

bgStretcher是一个jQuery插件,它允许你添加一个大图像(或一组图像)到您的网页的背景,并会按比例调整图像大小,以填满整个窗口区域。如果使用多个图像模式(幻灯片的速度和持续时间可配置),该插件将作为幻灯片。

插件特点:

脚本文件简洁,设置简单;支持所有新版浏览器;支持单张或者多张图片。

插件使用:

首先,你当然要把插件先下载再说,插件包里已经包含了所需要的JS文件。

然后,把下面的代码插入到你网页的和之间,这样后面才能使用插件,注意代码中的路径,至于是相对路径还是绝对路径看你实际需要。

?

1

【jQuery插件bgStretcher.js实现全屏背景特效】相关文章:

jQuery实现鼠标经过图片变亮其他变暗效果

Jquery注册事件实现方法

jQuery实现文本展开收缩特效

jQuery实现强制cookie过期方法汇总

js实现仿Windows风格选项卡和按钮效果

JavaScript实现列表分页功能特效

JQuery实现动态添加删除评论的方法

jQuery仿gmail实现fixed布局的方法

Jquery实现动态切换图片的方法

jQuery实现的多屏图像图层切换效果实例

精品推荐
分类导航