广告条

jquery 轮播图实例

爱⌒轻易说出口 提交于 2020-04-03 20:23:11
实现效果:1、图片每2秒钟切换1次。 2、当鼠标停留在整个页面上时,图片不进行轮播。 3、当点击右下角的小球时,出现该选项的对应图片,而且切换页选项的背景颜色发生相应的变化。 4、当图片发生轮播切换时,在不点击小球前提下,相应的小球背景颜色也自动发生变化。 index.html <!DOCTYPE html> <html> <head> <title>jQuery实现轮播图</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div class="main"> <h3>jQuery实现轮播图</h3> <!-- 图片轮播 --> <div class="banner"> <img src="img/1.jpg" /> <img src="img/2.jpg" /> <img src="img/3.jpg" /> <img src="img/4.jpg" /> <img src="img/5.jpg" /> <

关于首页顶部轮播图中文字缩放

匆匆过客 提交于 2020-03-29 13:34:19
banner about 新增小屏文字居中 500/ .col-xs-8 { width: 100%; text-align: center !important; } 1 /* 顶部轮播图中文字设置缩放 */ 2 媒介查询 500px缩放0.4 768缩放0.7 992缩放0.7 3 #banner .home .text { 4 transform: scale(0.4); 5 transform-origin: left top; 6 } 7 /* css样式 */ 8 #banner .home { 9 position: relative; 10 } 11 #banner .home .text { 12 position: absolute; 13 top: 11vw; 14 left: 11vw; 15 text-transform: uppercase; 16 color: #000; 17 } 18 #banner .home .text h2 { 19 line-height: 6rem; 20 font-size: 6rem; 21 font-family: 'Oswald-Light'; 22 font-weight: bold; 23 padding-bottom: 10px; 24 color: #fff; 25 } 26 #banner .home

SpringBoot 入门篇(三) SpringApplication

南笙酒味 提交于 2020-03-22 17:28:10
3 月,跳不动了?>>> 一、SpringApplication的几种常用方式 二、定制启动Banner 三、SpringBoot事件和监听器 四、SpringBoot的Web环境信息 五、SpringBoot的ApplicationRunner接口 和 CommandLineRunner接口 SpringBoot版本:1.5.13.RELEASE 对应官方文档链接: https://docs.spring.io/spring-boot/docs/1.5.13.RELEASE/reference/htmlsingle/ 上一篇: SpringBoot 入门篇(二) SpringBoot常用注解以及自动配置 一、SpringApplication的几种常用方式   在之前的两篇SpringBoot 入门介绍中,都使用了在main方法中执行SpringApplication.run()这种方式来启动我们的工程 // 方式一 @SpringBootApplication public class Application { public static void main ( String [ ] args ) { SpringApplication . run ( Application . class , args ) ; } }  

JS轮播特效+导航二级菜单

旧城冷巷雨未停 提交于 2020-03-22 12:37:47
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="1.css"> <link rel="stylesheet" href="fonts/iconfont.css"> </head> <body> <div class="main" id="main"> <!-- 子导航 --> <div class="sub-menu hide" id="sub-menu"> <div class="inner-box"> <div class="sub-inner-box"> <div class="title">手机、配件</div> <div class="sub-row"> <span class="bold mr10">手机通讯:</span> <a href="">手机</a> <span class="ml10 mr10">/</span> <a href="">手机维修</a> <span class="ml10 mr10">/</span> <a href="">以旧换新</a> </div> <div class="sub-row"> <span class="bold mr10">手机配件:</span>

ViewPager总结

混江龙づ霸主 提交于 2020-03-21 16:16:10
https://github.com/youth5201314/banner compile 'com.youth.banner:banner:1.4.9' private void setBanner() { if (banner == null) return; //设置banner样式 banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR); //设置图片加载器 banner.setImageLoader(new GlideImageLoader()); //设置图片集合 banner.setImages(images); //设置banner动画效果 banner.setBannerAnimation(Transformer.DepthPage); //设置标题集合(当banner样式有显示title时) // banner.setBannerTitles(titles); //设置自动轮播,默认为true banner.isAutoPlay(true); //设置轮播时间 banner.setDelayTime(5000); //设置指示器位置(当banner模式中有指示器时) banner.setIndicatorGravity(BannerConfig.CENTER); //banner设置方法全部调用完毕时最后调用

NGINX——如何修改缺省banner

廉价感情. 提交于 2020-03-12 19:11:27
前言 漏洞啊,漏洞啊,要先停止nginx服务 步骤 解压安装包 使用的是一件部署包,所以要单独拿出来搞下~ tar -zxvf nginx-1.16.1.tar.gz 修改文件 ngx_http_header_filter_module.c cd nginx-1.16.1/src/http/ vi ngx_http_header_filter_module.c # 要修改的配置 static u_char ngx_http_server_string[] = "Server: nginx" CRLF; static u_char ngx_http_server_full_string[] = "Server: " NGINX_VER CRLF; static u_char ngx_http_server_build_string[] = "Server: " NGINX_VER_BUILD CRLF; 原文件: 修改为: static u_char ngx_http_server_string[] = "Server: unknow" CRLF; static u_char ngx_http_server_full_string[] = "Server: unknow" CRLF; static u_char ngx_http_server_build_string[] =

史上最全的 Hexo 博客搭建配置完全指南

梦想的初衷 提交于 2020-03-10 05:12:01
欢迎到我的博客查看最新文章: https://blog.cloudplayer.site 本篇博客基于 Centos 7.x root 用户.   最近利用 Hexo + Github Pages 搭建了一个博客, 总体来说比较满意, 中间也踩了不少坑. 于是将我的配置过程全部记录下来, 就有了这篇博文.   关于 Hexo 搭建配置的博文网上还是挺多的, 但是零零散散, 这篇博文就当成是一个大合集吧. 废话不多说, 下面开始我们的正篇. 搭建 准备环境 安装 Git sudo yum install git-core 安装 Node.js wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh source ~/.bash_profile nvm install stable 安装 Hexo mkdir hexo npm install -g hexo-cli cd hexo/ hexo init 测试服务 hexo server 这时你可以打开浏览器访问 http://localhost:4000 就可以看到你刚刚搭建成功的博客页面了. 当然如果你使用的是云服务器, 那么同样可以打开 (云服务器的 ip):4000 来访问博客. 将博客部署到 Github 把博客部署到 Github

Springboot banner

拟墨画扇 提交于 2020-03-08 18:48:14
Springboot banner Banner的实现类如下: SpringBootBanner:Banner的默认实现类 ImageBanner:用来打印图片日志的banner ResourceBanner:资源Banner Springboot在启动的时候,默认情况下会打印如下信息 . ____ _ __ _ _ /\\ / ___'_ __ _ _(_)_ __ __ _ \ \ \ \ ( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \ \\/ ___)| |_)| | | | | || (_| | ) ) ) ) ' |____| .__|_| |_|_| |_\__, | / / / / =========|_|==============|___/=/_/_/_/ :: Spring Boot :: (v2.2.5.RELEASE) 可以分析源码看看为什么打印如下日志 SpringApplication中run方法 public ConfigurableApplicationContext run(String... args) { ... Banner printedBanner = printBanner(environment); .... return context; } 调用printBanner

小米商城首页的实现

假装没事ソ 提交于 2020-03-08 04:43:15
小米首页 效果图 html代码 由于代码过多,上传困难。 请访问链接:https://share.weiyun.com/5BWIENo 小米商城源文件 里面附带完整的源码文件 css代码 * { margin : 0 ; padding : 0 ; } ul,ol,li { list-style : none ; } img { display : block ; width : 100% ; } a { text-decoration : none ; } h1,h2,h3,h4 { font-size : 16px ; } body { font-size : 14px ; color : #000000 ; font-family : 宋体 , 微软雅黑 ; } html, body { width : 100% ; } /* css common */ .l { float : left ; } .r { float : right ; } .clear:after { content : "" ; display : block ; clear : both ; } .container { width : 1226px ; margin : 0 auto ; position : relative ; } .container-fluid { position :

(网络安全)主动信息收集 服务扫描

扶醉桌前 提交于 2020-03-05 10:14:33
0x01 在上一节中 我们可以扫描出目标主机开启的端口 但是要注意的是 !!!我们不能简单的仅从目标开启端口号 就判断目标一定开启了什么服务 例如 有的目标会把把邮件服务开在80端口上 我们首先先收集目标的Banner信息 注:存在有些目标主机为了迷惑攻击者 修改自己的banner信息 因此我们要对得到的banner信息 持半相信半怀疑态度 0x02 Banner信息收集 1.什么是banner信息: Banner信息是欢迎语,在banner信息中可以得到软件开发商,软件名称、版本、服务类型等信息。 1.NC命令探测 nc -nv 192.168.31.1 22 缺点:但一次只能对一个端口进行连接 2.定制数据包探测 由于之前使用的scapy只能作用在第二层和第三层 要想订制应用层的数据包就要使用python中的socket编写脚本 进行测试 3.dmitry dmitry -pb 1.1.1.1 4.nmap nmap -sT 1.1.1.1 -p1-10 --script=banner.nse //使用脚本完成对banner信息的搜索 对物理主机进行了扫描 提示filtered(被过滤的) 因为物理主机开启了防火墙 再扫一个,可以看到使用nmap我们可以获得更多的banner信息 同时我们还可以使用该命令来看nmap中有哪些脚本可以供我们使用 cd /usr /share