Sitio web ajustar el enfoque en blanco y negro

Cuando las actividades de duelo, se le puede pedir para ajustar el sitio a blanco y negro, asegúrese de mostrar el efecto de la solemne digna

El sitio se puede ajustar rápidamente a blanco y negro de las siguientes maneras

 

En primer lugar, la primera descarga grayscale.js archivo, es necesario utilizar este plugin para lograr el efecto

Enlaces: https://pan.baidu.com/s/1KWbWDWHclvjPcZfMIJljxA código de extracción: uw9e

 

Modificar Inicio

Añadiendo el siguiente código en un archivo html (ruta de reemplazo grayscale.js auto)

<! - Especial día IE10 navegador y por encima de la estación de gris -> 
< script del tipo = "text / javascript" src = "JS / grayscale.js"  > </ script > 
< estilo > 
HTML, HTML * { 
    filtro : ! gris Importante ; 
    filtro : ProgID: DXImageTransform.Microsoft.BasicImage (= Escala de grises 1.) ; 
    filtro : Escala de grises (100%) ; 
    -webkit-filtro : Escala de grises (100%) ; 
    -moz-filtro : Escala de grises (100%) ; 
    Filtro - MS :escala de grises (100%) ; 
    -o-filtro : escala de grises (100%) ;  
} 
</ Estilo > 
< script de tipo = "text / javascript" > 
    var navStr = navigator.userAgent.toLowerCase ();
    si (navStr.indexOf ( " MSIE 10.0 " ) == - 1 || navStr.indexOf ( " RV: 11.0 " ) ! == - 1 ) { // 判断是IE10 IE11或者
        escala de grises (document.body); 
        en escala de grises (document.getElementsByTagName ( " img" )); 
    } 
</ Script de >

 

Estación total Modificar

Para toda la estación, luego se convirtió en blanco y negro, añadir una etiqueta a un archivo js pública de la estación, si no hay js públicas, entonces sólo puede añadir un archivo js para cada página de la

el contenido del archivo público js (auto-reemplazo grayscale.js ruta):

// 特殊日子IE10及其以上浏览器全站灰色 
document.write ( '<script type = "text / javascript" src = "js / grayscale.js"> </ script>' ); 
document.write ( '<estilo>' ); 
document.write ( 'html, html * {' ); 
document.write ( 'filtro: gris importante;!' ); 
document.write ( 'filtro: progid: DXImageTransform.Microsoft.BasicImage (escala de grises = 1);' ); 
document.write ( 'filtro: escala de grises (100%);' ); 
document.write ( '-webkit-filtro: escala de grises (100%);' ); 
document.write ( '-moz-filtro: escala de grises (100%);' );'-Ms-filtro: escala de grises (100%);' ); 
document.write ( '-o-filtro: escala de grises (100%);' ); 
document.write ( '}' ); 
document.write ( '</ style>' ); 
document.write ( '<script type = "text / javascript">' ); 
document.write ( 'var navStr = navigator.userAgent.toLowerCase ();' ); 
document.write ( 'if (! navStr.indexOf ( "MSIE 10.0") == - 1 || navStr.indexOf ( "RV: 11.0") == - 1) {!' ); 
document.write ( 'de escala de grises (document.body);' ); 
document.write ( 'en escala de grises (documento. getElementsByTagName ( "img"));' ); 
document.write ('}' ); 
document.write ( '</ script>');

 

Haga clic para cambiar blanco y negro

Si es necesario hacer clic en blanco y negro y, a continuación, haga clic en volver a la normalidad, es necesario agregar el siguiente código en el archivo html (en sustitución de la trayectoria grayscale.js auto)

< Estilo > 
  / * 特殊日子全站灰色* / 
.site-gris, gris * .site- { 
    filtro : gris importante! ; 
    filtro : progid: DXImageTransform.Microsoft.BasicImage (escala de grises = 1) ; 
    filtro : escala de grises (100%) ; 
    -webkit-filtro : escala de grises (100%) ; 
    -moz-filtro : escala de grises (100%) ; 
    -ms-filtro : escala de grises (100%) ; 
    -o-filtro : escala de grises (100%) ;  
} 
</ Estilo > 

<A href = "javascript:;" clase = "Site-gris" los Datos-Gris = "0" > sitio web de sombreado que </ A > 

<! - especial navegador IE10 día y por encima de la estación de gris -> 
< script el src = "JS / grayscale.js" > </ script > 
< script > 
    var navStr = navigator.userAgent.toLowerCase (); 
    $ ( " .site-gris " ) .click ( función () {
         var gris = $ ( el presente ) .attr ( "los datos de color gris ");
        si (gris ==  0 ) 
        { 
            si (navStr.indexOf ( " MSIE 10.0 " ) == - 1 || navStr.indexOf ( " RV: 11.0 " ) ! == - 1 ) { // 判断是IE10 IE11或者
                escala de grises (document.body); 
                escala de grises (document.getElementsByTagName ( " img " )); 
            } 
            $ ( " HTML " ) .addClass ( " sitio de gris " ); 
            PSeste ) .attr ( " datos-gris " , 1 ); 
        } 
        Demás 
        { 
            si (navStr.indexOf ( " MSIE 10.0 " ) ! == - 1 || navStr.indexOf ( " RV: 11.0 " ) == - 1 ) { // 判断是IE10 IE11或者
                grayscale.reset (documento .cuerpo); 
                grayscale.reset (document.getElementsByTagName ( " img " )); 
            } 
            $ ( " HTML " ) .removeClass (" Sitio de gris " ); 
            $ ( Este ) .attr ( " data-gris " , 0 ); 
        } 
    }); 
</ Escritura >