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)

<!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

原文发布于微信公众号 - 我为Net狂(dotNetCrazy)

原文发表时间:2016-05-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DevOps时代的专栏

占坑!利用 JenKins 持续集成 iOS 项目时遇到的问题

持续集成(Continuous Integration,简称CI)是一种软件开发实践:许多团队频繁地集成他们的工作,每位成员通常进行日常集成,进而每天会有多种集...

20020
来自专栏GIS讲堂

Openlayers4中地图的导出

本文讲述Openlayers4中地图的导出,包括调用天地图切片跨域、Geoserver11 WMS跨域等。

41020
来自专栏ShaoYL

源代码管理git的使用

355140
来自专栏更流畅、简洁的软件开发方式

如何动态加载js?

第三方的js文件,自己写的js文件,js越来越多了怎么办? 提出问题: 1、js文件太多了,每个页面都写<script src="...">太麻烦。 2、如果路...

37050
来自专栏wblearn

代码提示插件Spket

Spket是一个可以在Eclipse及MyEclipse中实现JavaScript代码自动提示、自动校验、自动纠错的插件。

12310
来自专栏电光石火

TortoiseGit安装与配置

TortoiseGit 简称 tgit, 中文名海龟Git. 海龟git只支持神器 Windows 系统, 有一个前辈海龟SVN, TortoiseSVN和...

473100
来自专栏抠抠空间

Django项目实战之用户头像上传与访问

1 将文件保存到服务器本地 upload.html <!DOCTYPE html> <html lang="en"> <head> <meta char...

53870
来自专栏云计算认知升级

【腾讯云的1001种玩法】Laravel 整合 COS 对象存储服务,享受无限容量存储服务

使用Laravel 也可以轻松接入腾讯云对象存储,只需要执行简单的几行命令,就可以轻松在你的Laravel项目中,享受COS提供的海量数据存储能力。

1.6K00
来自专栏黑泽君的专栏

通过数据库中的表,使用 MyEclipse2017的反向生成工具-->hibernate反转引擎引擎(MyEclipse2017自带的插件) 来反转生成实体类和对应的映射文件

1、在MyEclipse中,Java视图下,新建一个普通的java project,新建该项目的目的是:用来接收反转引擎生成的实体类和对应的映射文件。

17420
来自专栏web

记一次webpack打包优化

25960

扫码关注云+社区

领取腾讯云代金券