让网页变灰白(让网页灰白失效)

让网页灰白

html{filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)}

让网页灰白失效
F12进入控制台 粘贴代码回车即可

(function() {
    //创建一个元素
    var globalCss = document.createElement("style");
    //设置这个元素的类型 <style type = "text/css"></style>
    globalCss.type = "text/css";
    //获取head标签,并把<style type = "text/css"></style>添加进去
    document.getElementsByTagName("head")[0].append(globalCss)
    //设置style标签的样式
    globalCss.appendChild(document.createTextNode("*{-webkit-filter:none !important;}"));
})();

type="submit"与type="button"的区别

例如

<button onClick="save_submit();" class="btn btn-primary radius" type="button"><i
                                    class="Hui-iconfont">&#xe632;</i> 保存
type="submit" 就是发送表单 不管是否有其他事件必然是会提交表单的,还会走save_submit()。
type="button" 就告诉这个是按钮,他只会触发save_submit(),
很多情况IE和大部分浏览器不加type="button" 就默认为 type="submit" ,所以记得添加。

网络上最好的壁纸站

https://wallhaven.cc/

20220707210819.png

还有个人作者写的通过这个网站API做的壁纸软件

开源地址:https://github.com/leoFitz1024/wallhaven


国内下载蓝奏云 https://chenji.lanzouj.com/i1BGV07irave

jwplayer 网页播放器7.11.3

这个版本经过我魔改后的版本,基本没有跟外部通讯了,替换修改了一大堆。

播放器载入中...

单视频

<!DOCTYPE html>
<html>  
<head>  
<script src="http://v.172u.top/player/v/7.11.3/jwplayer.js"></script>  
<script src="http://v.172u.top/player/v/7.11.3/jwplayer.controls.js"></script>
<script src="http://v.172u.top/player/v/7.11.3/jwplayer.flash.swf"></script>  

<script>jwplayer.key="OTJvl5rPN7JTF7WXPlq1f0C2o+sXfpIv+xDMpw==";</script>  
</head>  
<body>  
<div id='myplayer'></div> <script type='text/javascript'>      
    jwplayer("myplayer").setup({
      file: "https://www.baidu.com/file/mp4/test.mp4",//MP4路径
      image: "data/frontCover.png",
      width:"580",
      height:"400",
      primary:"html5",
      abouttext: 'JWplayer',
      aboutlink: 'https://www.172u.cn/html/jwplayer.html',
      logo: {
                file: 'data/logo.png',
                link: 'http://www.172u.cn/'
            },
    });
</script>  
</body>  
</html> 

列表例子

该选项用于设置JW Player播放列表;例子如下:

<div id="container">Loadingthe player...</div>

<script type="text/javascript">

    jwplayer("container").setup({

        flashplayer: "/jwplayer/player.swf",

        playlist: [

                 { duration: 32, file: "/uploads/video.mp4", image:"/uploads/video.jpg"},

                 { duration: 124, file: "/uploads/bbb.mp4", image:"/uploads/bbb.jpg" },

                 { duration: 542, file: "/uploads/ed.mp4", image:"/uploads/ed.jpg" }

        ],

        "playlist.position": "right",

        "playlist.size": 360,

        height: 270,

        width: 720

    });

</script>

支持播放Adobe Flash Player和HTML5浏览器可以处理任何格式,如(FLV文件,H.264标准,MP4功能,VP8的,WEBM,支持MP3,AAC,JPG,PNG和GIF)。

配置项含义类型默认值可用值
width播放器宽度Number480数字即可
height播放器高度Number270数字即可
autostart是否自动播放Booleanfalsetrue / false
volume初始化音量Number901-100整数
controls是否展现控制播放Booleantrutrue / false
mute是否初始化静音Booleanfalsetrue / false
playbackRateControls是否展现播放速度控制Booleanfalsetrue / false
repeat是否开启重复播放Booleanfalsetrue / false
skin播放器皮肤设置String‘seven’‘seven’, ‘six’, ‘beelden’,‘vapor’, ‘glow’等
一个播放列表可以包含一个或多个视频文件,每一个文件都支持如下属性:
file:如果没有设置levels选项,则该项为必选项)。该项用来指定媒体的位置。如果未设置此属性,playlist项将被忽略;
image:用来设置视频海报图片,是播放列表的一部分,该图片显示在视频播放前和视频播放完成后;
duration:视频的持续时间,单位为秒。该播放器用该选项将视频持续时间显示在控制栏和图片列表中;
start:视频播放时间点。当用户播放该视频文件时,视频将不会从头播放,而是从该选项设定的播放时间点开始播放;
title:视频标题,显示在图形播放列表中;
description:视频描述信息,显示在图形播放列表中;
streamer:设定视频流应用。仅用于RTMP或HTTP流;
provider:设置用于回放播放列表视频的特定媒体回放API(如HTTP,RTMP或YouTube);
levels:设定视频播放的质量等级。

经过修改去除了报错爆红链接,方便直接可以使用,未加密

jwplayer 网页播放器7.11.3

Listen1 音乐播放器

Listen1是一个免费的多平台音乐播放器和搜索工具。Listen 1 可以搜索和播放来自网易云音乐,虾米,QQ音乐,酷狗音乐,酷我音乐网站的歌曲,让你的曲库更全面。Listen 1 支持歌单功能,并且可以收藏和创建自己的歌单。使用Listen 1 ,你就可以非常的简单的访问和收听在线音乐,而不用受到单个音乐网站资源不全的限制了。
网站官方(这软件支持全平台,支持个大浏览器)

https://github.com/listen1

提供常用版本网盘
网盘下载桌面64位(网盘下载速度快)

https://www.123pan.com/s/qpN8Vv-R1K7H提取码:172u

网盘安卓下载(网盘下载速度快)

https://www.123pan.com/s/qpN8Vv-D1K7H提取码:172u