`

jQuery Backstretch动态设置背景图片插件

 
阅读更多
原文: http://www.2cto.com/kf/201411/348425.html
官方: https://github.com/srobbin/jquery-backstretch



<script src="Scripts/jquery-1.8.2.min.js"></script>
<script src="Scripts/jquery.backstretch.min.js"></script>
$(function () {
            $(".container").css({ opacity: .8 });   //设置透明度
            $.backstretch([
                  "Images/backgrounds/101_1.jpg",
                  "Images/backgrounds/44_1.jpg"
            ], { duration: 3000, fade: 750 });
        });
 </script>
分享到:
评论

相关推荐

    jQuery动态背景设置Backstretch.zip

    Backstretch 是一个简单的 jQuery 插件用来设置动态大小的背景图片到任何页面中,它将根据图片的大小自动适应浏览器窗体。 标签:Backstretch

    jquery实现动态背景效果

    5. **使用插件**:jQuery社区提供了许多用于创建动态背景的插件,如`backstretch`(用于全屏背景图)、`jquery.backgroundPosition.js`(用于平移背景图像)等。引入这些插件后,按照它们的文档指示配置即可。 6. *...

    前端项目-danielgindi-jquery-backstretch.zip

    【描述】中提到,`jquery-backstretch`是一个轻量级的插件,其主要功能是让开发者能够方便地在网页或页面的特定元素上设置动态调整大小的背景图像。这种背景图像不仅能够根据浏览器窗口的大小自动调整,而且还支持...

    jquery.backstretch.js

    jquery-backstretch.js是一款简单易用的动态更新页面背景图片的jQuery插件,它允许你为任何页面元素添加一个动态调整大小的背景图像,可以实现将页面背景变成幻灯片的效果。图片可以根据元素宽高自动拉伸背景图片以...

    jQuery背景插件backstretch使用指南

    **jQuery背景插件Backstretch详解** Backstretch是一款优秀的jQuery插件,它的主要功能是为网页添加动态背景图片,使得背景图像能根据浏览器窗口的尺寸自动调整大小,从而达到全屏覆盖的效果。这种特性使得...

    backstretch.js实现登录页面背景图切换demo

    接下来,我们可以通过jQuery选择器选取登录页面的容器元素,并调用backstretch插件来设置背景图片。例如,如果登录表单包裹在一个ID为`login-container`的div中,我们可以写入以下代码: ```javascript $(function...

    jquery-backstretch:Backstretch是一个简单的jQuery插件,允许您将动态调整大小的,具有幻灯片显示功能的背景图像添加到任何页面或元素。 图像将拉伸以适合页面元素,并且将随着窗口元素大小的变化自动调整大小

    Backstretch是一个简单的jQuery插件,可让您将动态调整大小的,具有幻灯片显示功能的背景图像添加到任何页面或元素。 图像将拉伸以适合页面/元素,并且将随着窗口/元素大小的变化自动调整大小。 **我们重新营业! ...

    webHtml常用经典jquery、js插件.rar

    例如,使用jQuery Backstretch插件,可以轻松实现全屏背景图片的平滑拉伸和缩放,或者使用Colorbox实现图片、视频等媒体的弹出展示,创建动态的过渡效果。 **登陆注册**是许多网站必备的功能,jQuery UI 提供了诸如...

    背景图片轮换

    2. **Jquery插件开发**:`jquery.backstretch.min.js`是一个插件实例,扩展了Jquery的功能,为背景图片轮换提供了便利。插件开发遵循Jquery的插件设计模式,通常包括暴露公共方法以便于用户调用和配置。 3. **HTML...

    jQuery纵向全屏滚动背景代码

    jQuery纵向全屏滚动背景代码是一种常见的前端网页设计技术,它能为网站增添视觉吸引力和动态效果。这种技术主要应用于创建现代、时尚的网页布局,尤其是那些希望突出展示图像或者视频内容的网站。在本篇文章中,我们...

    50个Jquery插件

    15. **全屏背景**:`backstretch`插件可以设置全屏背景图片,适应窗口大小变化。 每个插件都有其特定的用法和配置选项,通过学习和使用这些插件,开发者可以提升网页的交互性和功能性。为了充分利用这些资源,你...

    yii2-backstretch-widget:这个yii2扩展是jQuery Backstretch插件的包装

    反拉伸Yii2扩展这个yii2扩展是的包装。... pluginOptions的第二个参数包含插件初始化设置,如果默认设置不是您想要的,则可以重新定义。 raoul2000\widget\backstretch\ Backstretch :: widget (['selector' =

    JS图片背景全屏代码.zip

    3. 兼容IE6:由于IE6并不支持CSS3的一些特性,如background-size,所以需要借助JavaScript或者jQuery插件(如jQuery.backstretch)来实现全屏背景效果。这些插件通常会创建一个绝对定位的div作为图片容器,并根据...

    CSS3实现图片全屏背景特效.zip

    jQuery插件如`backstretch`或类似的全屏背景插件,可以轻松地将全屏背景效果添加到网页中,同时提供了丰富的自定义选项和API。 4. **响应式设计**:考虑到不同设备的屏幕尺寸,全屏背景特效需要适应各种分辨率。这...

    为你的网站增加亮点的9款jQuery插件推荐

    9. **Backstretch**:Backstretch插件能够将背景图片动态拉伸以适应窗口大小的变化,使得背景图像始终保持全屏并自适应缩放,营造出专业且视觉震撼的网页背景效果。 以上这些jQuery插件各有特色,可以极大地提升...

    Q&A手册-2.01

    2. **调整背景图切换周期**:通过编辑`index.php`,修改jQuery.backstretch插件的`duration`属性(图片展示时长)和`fade`属性(渐变转场时间),单位为毫秒。 3. **滑块验证码图片更换**:滑块验证码图片位于`./...

    backstretch:包含 Drupal 的 Backstretch 模块

    一个简单的 jQuery 插件,允许您向任何页面或元素添加动态调整大小、支持幻灯片放映的背景图像。安装以安装模块选择“Backstretch”作为字段格式化程序或创建一个新的上下文并选择“Backstretch”作为React。

Global site tag (gtag.js) - Google Analytics