01.LoT.UI 前后台通用框架分解系列之——小图片背景全屏显示(可自动切换背景)

简介:

LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui

LoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI

先看在LoT.UI里面的应用效果图:

屁话不多说,上核心代码:(完整代码:https://github.com/dunitian/LoTCodeBase/blob/master/LoTUI/Manager/Login.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<! DOCTYPE  html>
< html >
< head >
     < meta  http-equiv="Content-Type" content="text/html; charset=utf-8" />
     < title ></ title >
     < meta  charset="utf-8" />
     < link  href="/open/supersized/supersized.css" rel="stylesheet" />
</ head >
< body >
     
     < script  src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></ script >
     < script  src="/open/supersized/supersized.3.2.7.min.js"></ script >
     < script  type="text/javascript">
         $(function () {
             $.supersized({
                 slides: [{ image: '/assets/img/backgrounds/1.jpg' },
                         { image: '/assets/img/backgrounds/2.jpg' },
                         { image: '/assets/img/backgrounds/3.jpg' }]
             });
         });
     </ script >
</ body >
</ html >

第三方JS插件的地址:https://github.com/buildinternet/supersized


本文转自毒逆天博客园博客,原文链接:http://www.cnblogs.com/dunitian/p/5507306.html,如需转载请自行联系原作者


相关文章
|
1月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
18 0
|
1月前
|
Linux API Android开发
Airtest UI自动化框架 v1.1.4
Airtest UI自动化框架 v1.1.4
28 3
|
2月前
|
前端开发 JavaScript
响应式UI框架
响应式UI框架
49 0
响应式UI框架
|
4月前
|
C# Android开发 iOS开发
9 个 .NET UI 框架,您的选择是?
介绍 9 款 .NET UI 框架,有你的菜麽。
208 1
9 个 .NET UI 框架,您的选择是?
|
4月前
|
设计模式
二十三种设计模式全面解析-桥接模式的高级应用:构建灵活的跨平台UI框架
二十三种设计模式全面解析-桥接模式的高级应用:构建灵活的跨平台UI框架
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
28 0
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0

热门文章

最新文章