使用说明

核心知识
多终端
插件
制作工具

模板标签大全

窗口快捷配置

自定义展示标签说明

常用技巧

一、div内部存在ul时div高度自适应方法【笔记】

解决办法一：在div内增加清除浮动的内容（< div style=“clear:both”></div> ）

解决方法二：使用样式控制浮动内容的父模块(overflow:auto）


二、文章内容两端对齐

.wenzi{ text-align:justify;  text-justify:inter-ideograph; width:200px;}   /* 这里面必须要加入宽度才可以实现效果 */  




三、网站变灰

1、页面head标签里面增加：

<meta http-equiv=Cache-Control content=no-cache, no-store, must-revalidate />


2、html标签 增加样式：

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


3、脚本增加样式：

1、第一步：extends/libs/grayscale.js

grayscale.js

2、第二步：extends/extends.js , 里添加上下面一段代码；

document.write('<script type="text/javascript" src="'+EXTEND_PATH+'libs/grayscale.js"><\/script>');
window.onload=function(){
        var sheet = document.styleSheets[1],navStr = navigator.userAgent.toLowerCase();
        sheet.addRule('body','filter: gray !important; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(100%); -webkit-filter: grayscale(100%); ',0);
        if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){
            grayscale(document.body);
            grayscale(document.getElementsByTagName("img"));
        }
};




以下定时方式，需确保页面无脚本报错才能使用；

第一种通用模板

1、第一步：extends/libs/grayscale.js

grayscale.js

2、第二步：extends/extends.js , 里添加上下面一段代码；

document.write('<script type="text/javascript" src="'+EXTEND_PATH+'libs/grayscale.js"><\/script>');
window.onload=function(){
    if(startDate("2019/12/13","2019/12/14")){
        var sheet = document.styleSheets[1],navStr = navigator.userAgent.toLowerCase();
        sheet.addRule('body','filter: gray !important; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(100%); -webkit-filter: grayscale(100%); ',0);
        if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){
            grayscale(document.body);
            grayscale(document.getElementsByTagName("img"));
        }
    }
};
/*获取正确的范围内执行*/
function startDate(startTime, endTime){
    var sTime = new Date(startTime).getTime(),eTime = new Date(endTime).getTime(),curTime = new Date().getTime();
    return curTime >= sTime && curTime <=eTime;
}

或者

第二种正常页面维护
<script type="text/javascript" >
/*获取正确的范围内执行*/
function startDate(startTime, endTime){
    var sTime = new Date(startTime).getTime(),eTime = new Date(endTime).getTime(),curTime = new Date().getTime();
    return curTime >= sTime && curTime <=eTime;
}
window.onload = function(){
    //startDate("生效时间","失效时间")
    if(startDate("2019/12/13","2019/12/14")){
        var sheet = document.styleSheets[1],navStr = navigator.userAgent.toLowerCase();
        sheet.addRule('body','filter: gray !important; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(100%); -webkit-filter: grayscale(100%); ',0);
        if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){
            grayscale(document.body);
            grayscale(document.getElementsByTagName("img"));
        }
    }
};
</script>