jQuery插件bgStretcher.js实现全屏背景特效

bgStretcher.js：动态背景切换的jQuery插件新体验

你是否厌倦了单调的网页背景？渴望为网页注入更多活力？那么，bgStretcher.js这个jQuery插件将为你带来全新的背景切换体验。它可以轻松地将你的网页背景变得生动有趣。

这款插件可以让你自定义多种背景图片，让网页背景自动切换，效果流畅，令人眼前一亮。不仅如此，它的调用代码也非常简单，无需复杂的设置，即可轻松实现背景图的自动切换。

bgStretcher 2011（Background Stretcher）是一款专为网页设计的jQuery插件。它可以为你的网页添加多张背景图，这些背景图能够自动切换，并且大小可以自适应浏览器窗口的大小。背景图的切换效果包括淡入淡出、滚动和幻灯。其中滚动和幻灯效果还可以选择方向，如上下左右或左上右下、右上左下。图片切换顺序也可以设置正向、反向或者随机。更多的个性化设置等你来。

插件的特点在于其简洁的脚本文件、易于设置，同时支持所有新版浏览器以及单张或多张图片的使用。使用这款插件，你可以轻松地为整个网页或某个网页元素（如DIV）设置背景。

初始化bgStretcher插件时，需要告知插件在哪个元素上起作用，并配置相关的插件选项。你可以选择背景图片、图片大小、切换方向、切换速度、过渡效果和图片顺序等。插件不仅适用于整个网页背景，还可以用于某个网页元素，如DIV等。

bgStretcher.js是一款功能强大、易于使用的jQuery插件，能够为你带来全新的网页背景体验。快来试试吧，让你的网页充满活力和创意！插件选项配置

为了帮助用户更好地理解和使用插件，我们提供了以下配置选项。这些选项可以在插件的设置中进行调整，以满足不同的需求。

一、配置选项及默认值

1. imageContainer（图片容器）：默认值为bgstretcher。此参数用于指定图片列表在DOM树中的容器ID，可以通过检查工具来查看其构建方式。

2. resizeProportionally（按比例调整大小）：默认值为true。该选项指示背景图片是否按比例调整大小。

3. resizeAnimate（调整大小动画）：默认值为false。此选项决定背景图片在调整大小时是否使用动画效果。请注意，如果图片较大，动画可能会减慢某些电脑的运行速度。

4. images（图片列表）：默认为空。这是一个包含要在页面背景上显示的图片列表的数组。

5. imageWidth（原始图片宽度）和imageHeight（原始图片高度）：分别默认为1024和768。这些参数表示原始图片的宽度和高度。

6. maxWidth（最大图片宽度）和maxHeight（最大图片高度）：默认值为auto。这些参数设置图片的最大宽度和高度。

7. nextSlideDelay（下一张幻灯片延迟）：默认值为3000毫秒（3秒）。此参数设置切换到下一张幻灯片的延迟时间。

8. slideShowSpeed（幻灯片显示速度）：默认值为normal。此参数以毫秒为单位或jQuery字符串值（如'fast'，'normal'，'slow'），设置幻灯片之间的过渡速度。

9. slideShow（幻灯片显示）：默认值为true，允许或禁止幻灯片功能。

10. transitionEffect（过渡效果）：默认值为fade。此参数设置过渡效果（如none，simpleSlide，superSlide等）。

11. slideDirection（幻灯片方向）：默认值为N。此参数设置幻灯片的移动方向（如N-北，S-南，W-西，E-东等）。

12. sequenceMode（序列模式）：默认值为normal。此参数设置序列模式（如normal，back，random等）。

13. buttonPrev（上一个按钮）、buttonNext（下一个按钮）和pagination（分页）的CSS选择器默认为空。这些参数用于自定义导航按钮和分页的外观和行为。

14. anchoring（定位）和anchoringImg（图片定位）：默认值分别为'left'。这些参数用于设置背景拉伸区域和图片相对于窗口的定位。

15. preloadImg（预加载图片）：默认值为false。如果希望预加载图片，可以将其设置为true。

16. stratElementIndex（起始元素索引）：默认值为0。此参数设置幻灯片的起始索引。

17. callbackfunction（回调函数）：默认为null。此参数用于指定在特定事件发生时调用的回调函数。

二、插件方法

1. play()：恢复背景幻灯片播放。

2. pause()：暂停背景幻灯片播放。

3. sliderDestroy()：销毁背景幻灯片。

三、浏览器兼容性

该插件兼容以下浏览器：MS Inter Explorer 6, 7, 8, 9、Mozilla Firefox 2, 3, 4、Opera 9+、Apple Safari和Google Chrome。

以上就是插件的全部配置选项及说明，希望能够帮助您更好地理解和使用插件。深邃的Cambrian世界，璀璨绽放的生命篇章——引言

在这片神秘的土地上，Cambrian的精髓展现得淋漓尽致。现在，让我们一同揭开Cambrian的神秘面纱，它丰富的内在世界。

此刻，Cambrian正在以独特的姿态展示它的生命力。当它的生命之源“body”被渲染出来，一场生命的盛宴就此展开。仿佛置身于古老的海洋世界，我们见证了生命的起源和演变。在这里，每一个细节都充满了生机和活力，仿佛能听到生命的呼吸和心跳。

看那！Cambrian的每一寸土地都充满了神秘和魅力。在这片广袤的海洋中，生命从微小到宏大，从简单到复杂，经历了无数次的蜕变和进化。这是一个充满奇迹的世界，一个充满无限可能的舞台。在这里，生命的力量得到了最完美的诠释。

Cambrian的“body”，犹如一部生命的交响乐，奏响了生命的赞歌。每一个音符都充满了活力和激情，仿佛在诉说着生命的辉煌和壮丽。在这里，我们感受到了生命的韵律和节奏，感受到了生命的热情和力量。

在这片神秘的土地上，我们看到了生命的无限可能。Cambrian的每一寸土地都孕育着新的生命和希望。这是一个充满生机和活力的世界，一个充满奇迹和梦想的天堂。在这里，我们可以感受到生命的脉搏，感受到生命的韵律。

Cambrian的“body”不仅仅是一个简单的存在，更是一个充满生机和活力的世界。它展示了生命的起源、演变和进化，让我们深刻理解了生命的本质和意义。在这里，我们感受到了生命的热情和力量，感受到了生命的无限可能。让我们一起继续Cambrian的奥秘，感受生命的魅力！