当前位置：首页 > 网页特效 > 弹出层

漂亮的登录页+滑动弹出框+js正则验证

分类：弹出层日期：2024-05-14 点击(9) 评论(0)

漂亮的登录页+滑动弹出框+js正则验证

简介

#### jquery动态背景切换全屏登录插件
jQuery
```javascript
jQuery(function($){
 
    $.supersized({
 
        // Functionality
        slide_interval     : 5000,    // 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   : 3000,    // 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
 
        // Components
        slide_links        : 'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
        slides             : [    // Slideshow Images
                                 {image : './img/1.jpg'},
                                 {image : './img/2.jpg'},
                                 {image : './img/3.jpg'}
                             ]
 
    });
 
});
```

|  参数说明： |   |
| ------------ | ------------ |
|  vertical_center: | 是否让图像垂直居中，如果为0，则图像为顶端对齐。  |
|  slideshow：|是否显示展示工具条，包括标题、图片数字和导航按钮。   |
|  navigation：| 是否展示导航按钮。  |
| thumbnail_navigation：|  为1时可以通过单击缩略图导航切换图片，为0时，缩略图不显示。 |
| pause_hover： | 是否鼠标滑向图片时暂停图片切换。  |
|  transition： | 图片切换效果，0-无，1-淡入淡出，2-向上滑动，3-向右滑动，4-向下滑动，5-向左滑动。  |
| slide_counter：  |  是否显示切换图片的数字。 |
| slide_captions：  | 是否显示图片标题。  |
|  slide_interval： |  图片切换间隔时间（毫秒） |
|  slides： | 所切换的图片集合，包括图片地址image，图片标题title，图片链接url。  |
| autoplay：  | 是否自动播放。  |
| transition_speed： | 切换速度，默认750。  |
| keyboard_nav：  | 是否支持键盘操作切换。  |
|  random： |是否随机切换图片   |

web299.com

漂亮的登录页+滑动弹出框+js正则验证

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果