有时候我们想提供文件遍历或目录遍历的能力，比如提供文件下载，那么就可以使用nginx的autoindex能力，快速构建文件系统遍历的网页 样例 目录文件页 配置 autoindex是nginx内置配置...，可以直接使用 location /web { autoindex on; root /usr/local/nginx; } 其他配置 charset utf-8: 如果目录或文件存在中文...#改为off后，显示出文件的大概大小，单位是kB或者MB或者GB autoindex_exact_size off; #默认为off，显示的文件时间为GMT时间。...#改为on后，显示的文件时间为文件的服务器时间 autoindex_localtime on; root /usr/local/nginx; } 参考 nginx使用autoindex...Nginx打开目录浏览功能(autoindex)
简介 ngx_http_autoindex_module模块处理以斜杠('/')结尾的请求，并生成目录列表。...3.配置格式 Syntax: autoindex on | off; Default: autoindex off; Context: http, server, location 启用或禁用目录列表输出...Syntax: autoindex_exact_size on | off; Default: autoindex_exact_size on; Context: http, server, location...Syntax: autoindex_format html | xml | json | jsonp; Default: autoindex_format html; Context: http, server...Syntax: autoindex_localtime on | off; Default: autoindex_localtime off; Context: http, server, location
如：腾讯软件源 [腾讯软件源下AndroidSDK] 设置autoindex 原生的Nginx，在确保安装了ngx_http_autoindex_module模块后（一般安装Nginx都会有安装），即可使用...on; alias "/www/wwwroot/***.mintimate.cn/resources"; autoindex_exact_size off; autoindex_localtime...试试Fancyindex模块： [Fancyindex模块效果] 环境准备 环境准备： Nginx编译环境 Fancyindex源码 Fancyindex皮肤（可选） Nginx编译环境 什么是Nginx...fancyindex_time_format "%Y-%m-%d %H:%M";# 文件日期 fancyindex_localtime on;# 使用用户本地时间 } 之后，保存，浏览器访问即可看到效果...： [Fancyindex] 当然，之所以看不到我文章开头的效果，是因为我自定义了页头和页尾。
文章目录 ngx_http_autoindex_module 配置 autoindex autoindex_exact_size autoindex_localtime autoindex_format...实操 ngx_http_autoindex_module https://nginx.org/en/docs/http/ngx_http_autoindex_module.html ---- 配置...Example Configuration location / { autoindex on; } autoindex Syntax: autoindex on | off; Default...---- autoindex_exact_size autoindex_exact_size off; 默认为on，显示出文件的确切大小，单位是bytes。...改为off后，显示出文件的大概大小，单位是kB或者MB或者GB Syntax: autoindex_exact_size on | off; Default: autoindex_exact_size
on; # 开启目录浏览功能 autoindex_localtime on; # 显示本地时间 autoindex_format html; # 输入格式，可选项为html、xml...、json、jsonp autoindex_exact_size off; # 显示精确字节大小还是显示友好可读的大小 } 配置完成后重启Nginx，访问配置好的server_name即可看到效果...，效果如下： nginx-autoindex.png 美化目录浏览 Nginx自带的目录浏览功能看起来并不是那么美观，可以使用第三方模块ngx-fancyindex插件来美化目录浏览功能。...fancyindex_name_length 255; #最大名字长度 fancyindex_time_format "%Y-%m-%d %H:%M:%S"; } 重启以后就可以看到效果...header.html"; fancyindex_footer "/fancyindex/footer.html"; fancyindex_ignore "fancyindex"; 再次重启Nginx，就可以看到最终的效果了
/192.168.1.2 web1配置location 方式一 location /bbs/ { proxy_pass http://192.168.1.2/; #有“/” } 效果...location 方式二 如果在web1中加入location中多少加 “/” location /bbs/ { proxy_pass http://192.168.1.2; #无“/” } 效果...on; //开启目录浏览功能； autoindex_exact_size off; //关闭详细文件大小统计...，让文件大小显示MB，GB单位，默认为b； autoindex_localtime on; //开启以服务器本地时区显示文件修改日期！ ...on; autoindex_exact_size off; autoindex_localtime on; } :wq!
# Nginx 站点与认证 Nginx制作下载站点 autoindex autoindexexactsize autoindex_format autoindex_localtime 实现案例 Nginx...Nginx 编译的时候会自动加载该模块，但是该模块默认是关闭的，我们需要使用下来指令来完成对应的配置 # autoindex autoindex 指令启用或禁用目录列表的输出 语法 默认值 位置 autoindex...; autoindex off; http、server、location # autoindex_exact_size autoindex_exact_size 指令对应 HTLM...语法 默认值 位置 autoindex_exact_size ; autoindex_exact_size on; http、server、location # autoindex_format...创建一个目录，将压缩包放入其中，我这里创建的路径是 /opt/download mkdir /opt/download 然后把压缩包都放到该目录下 效果如下: [root@master download
koi8-r; #access_log logs/host.access.log main; location / { root html; index index.html index.htm; autoindex... on; } location /feidai-kafka-kudu/bin/slog { root /root; autoindex on; } location /feidai-canal-kafka.../bin/slog { root /root; autoindex on; } .........其中添加了两个location节点，配置autoindex on;使其能展示目录。...访问实例： 整合到监控平台的效果如下图 image.png
持续更新 文字效果阴影 text-shadow: 5px 5px 5px #0000CC;/*右偏移 下偏移 阴影背景模糊*/ 块阴影 box-shadow:2px 5px 12px #3B2E32
飘雪效果 作者：matrix 被围观: 2,606 次 发布时间：2017-01-13 分类：零零星星 | 无评论 » 这是一个创建于 2056 天前的主题，其中的信息可能已经有所发展或是发生改变...这个季节看到TGP的LOL新闻页面的飘雪效果挺好看的。顺手就copy了下 飘雪效果网上貌似大多数代码都是http://x-team.com 。 css，js，png文件都整理出来了也就记录下。...add_action('wp_footer', 'snow_footer'); function snow_footer() { if ('1' === date("n")) {//一月份才会有飘雪效果...https://pan.baidu.com/s/1i5cAnhb#383t 提取码在＃字符后面 注意需要修改snow.js 105行处代码 peace ---- P.S. 180206 jd页面的飘雪效果
其实很简单，借助完善靠谱的开源项目们，本文最终实现例子效果如下。 实现核心逻辑 说到 Web 目录索引服务，我们一般会想到的就是大名鼎鼎的 Nginx 或者它的竞品们了。...对某个路由下的页面开启 autoIndex 可以轻松实现列目录的功能，比如这样： location / { autoindex_format html; autoindex_localtime.../autoindex/footer.html; autoindex_format html; autoindex_localtime on;...autoindex_exact_size on; autoindex on; } 代码生效后，你将得到这样的文档结果： <!.../footer.html; autoindex_format html; autoindex_localtime on; autoindex_exact_size
此案例实现的是侧边栏的滑入与滑出，主要用定时器来实现物体滑动时速度的控制，从而实现滑入滑出效果，下面是效果图： 下面是实现的js代码： window.onload=function()
同时，它还必须是下面的 autoindex_format 设置为 html 时才会有效果。最后我们会一起看例子。 autoindex_format 设置索引目录展示的形式。...autoindex_format html | xml | json | jsonp; 默认是 html ，就是我们上面看到的那个样子，还可以换成别的形式。后面我们一起测试时看效果。...autoindex_exact_size off; autoindex_format json; autoindex_localtime on; 看看效果，输出的结果是不是变成了下面这样的 json...但是大家会发现，size 表示的文件大小没有变化呀，前面说过了，autoindex_exact_size 只有在 html 的时候才会有效果。...这个我们后面测试时会见到效果。 ancient_browser_value 设定变量 $ancient_browser 的值。
这里说的水下效果, 是指在水底下时, 为了增强真实感, 做的一种水的波动效果, 算是post process的一种吧 原理很简单, 就是把渲染好的屏幕场景做为一张纹理输入, 然后对上面的像素按时间进行扰动...texCoord + bump/500; return tex2D( Texture0, texel ); } Texture1是一张bumpmap 最终效果...: 可能不太明显, 毕竟是个动态效果, 把波动值加大: 关于扰动的时候屏幕边缘会显示另一边的像素的问题, 只要把texture0的寻址模式改成CLAMP就OK啦
选人界面的角色出现时的效果非常酷, 一直不知道咋做的 还是中speedtree在镜头前时的消隐也是这种溶解效果, 跟的圆形透明消隐差不多, 但是这种方法不用alphablend...那么, 用一张噪声图就可以控制那种不规则的小窟窿(虫子咬了) PS里只要用一个量来控制clip的参数范围就能很好地实现溶解效果....float4 color = tex2D(Texture0, tex); clip(color.r + fDissolve * 0.15f); return color; } 效果图
今天向大家来分享一下JQuery的一些效果，这些都相对比较简单 1.显示和隐藏效果 hide() 隐藏元素 show() 显示元素...fadeIn（） 淡入效果 fadeOut（） 淡出效果 fadeToggle（） 淡入、淡出效果...$(selector).fadeTo(speed,opacity,callback); 必需的 speed 参数规定效果的时长。...fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间） speed 为速度，opacity为透明度 callback为函数名称 3...可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。
Flex的行为机制便于开发者为应用程序添加动画效果，使用户界面更加丰富多彩。借助于Flex内置的动画组件，可以实现淡入淡出效果、溶解效果、缩放效果、3D旋转效果、模糊效果、斜面阴影效果等。 ...动画效果由非可视组件完成， Flex中内置了多种动画效果，如淡入淡出、放大缩小、移动、遮罩效果等。 触发器与事件不同，针对一个事件的触发器.将受到事件的制约。例如....单击“fade淡入淡出效果”按钮， Panel面板的透明度会发生缓缓的改变，实现淡入淡出效果，如图8.1.12所示。 图8.1.12 淡入淡出效果 (2) Move3D动画效果。...图8.1.15 Resize 效果 1.3.3 滤镜动画效果(Filter) 静态滤镜是指为对象添加特殊的静态效果，如模糊效果、发光效果、旋转效果等。静态滤镜效果是静态的，即经过滤镜处理后结果。...图8.2.2 颜色渐变效果 实训任务3：行为对象和动画效果的使用（二） 训练技能点 Ø 使用行为对象和动画效果。
渐变色取色环上临近的颜色。我找到rgb变化的规律后，手写了三个分段函数，他们的规律（参照色环上的顺序）大概是R变化时GB不变，G变化时RB不变，B变化时RG不变...
Glare, 即Bloom/Glow, 一种发光的效果, 包括曝光处理 2. Streaks, 即Star-like glow, 星光效果 3....Ghosts, 即Lens Flares, 镜头光晕 通常情况下, 只做第一种处理, 这样的HDR效果上并没有差太多, 但是效率比原来有很大提高, 也不需要那么多的RenderTarget....Gaussian Filter(高斯模糊), 分u, v两个方向进行效果比较好 最后的Tone Mapping的曝光度要控制得当, 不然画面会失真 最终效果
1. jQuery 效果 jQuery 给我们封装了很多动画效果，最为常见的如下： 显示隐藏：show() / hide() / toggle() ; 划入画出：slideDown() / slideUp...，如果多次触发，就造成多个动画或者效果排队执行。...1..上滑效果语法规范 slideUp([speed, [easing], [fn]]) 2. .上滑效果参数 (1)参数都可以省略。...1.滑动切换效果语法规 slideTogg1e ([speed, [easing], [fn]]) 2.滑动切换效果参数 (1)参数都可以省略。...，如果多次触发，就造成多个动画或者效果排队执行。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
