变换背景登陆界面

变换背景登陆界面

dreamweaver免费视频教程：

51RGB Dreamweaver板块

加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费视频 绝对干货！

 

插件描述

jQuery(function($){

    $.supersized({

       // 参数配置

        slide_interval     : 4000,  // Length between transitions

        transition         : 1,  // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left

        transition_speed   : 1000,   // Speed of transition

        performance        : 1,    // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox        /IE, not Webkit)        // Size & Position

        min_width          : 0,    // Min width allowed (in pixels)

        min_height         : 0,    // Min height allowed (in pixels)

        vertical_center    : 1,    // Vertically center background

        horizontal_center  : 1,    // Horizontally center background

        fit_always         : 0,    // Image will never exceed browser width or height (Ignores min. dimensions)

        fit_portrait       : 1,    // Portrait images will not exceed browser height

        fit_landscape      : 0,    // Landscape images will not exceed browser width

        // 组件       

        slide_links        : 'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank') 

        slides             : [

                                   // Slideshow Images

                                 {image : 'assets/img/backgrounds/1.jpg'},

                                 {image : 'assets/img/backgrounds/2.jpg'}, 

                                {image : 'assets/img/backgrounds/3.jpg'} 

                            ] 

   });});

 

 

 

代码压缩包下载地址：

51RGB

 

光看文字怎么够 来看在线视频 手把手教你做网站！

Adobe官方讲师万晨曦指导 轻松幽默学习网站开发

Dreamweaver视频直达网址 ：51RGB Dreamweaver板块

 

转载于:https://my.oschina.net/51RGB/blog/387917