公祭日网站变灰代码使用

公祭日网站变灰代码使用

代码一: <style type="text/css"> html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);} </style> 代码二: <script> $('body').css({filter: 'grayscale(100%)', '-webkit-filter': 'grayscale(100%)'}) </script> 代码三: <script> var style = document.createElement('style'); style.innerHTML = 'html{' + '-webkit-filter: grayscale(100%);' + '-moz-filter: grayscale(100%);' + '-o-filter: grayscale(100%);' + '-ms-filter: grayscale(100%);' + '}'; document.head.appendChild(style); </script>  

以上为三个代码,任选其一进行添加即可,添加方式可参考下方操作步骤:

情况一:

如只需首页变灰,在首页设计页面,单击左侧高级-代码嵌入-代码控件,将该控件添加至首页任意位置。

image

单击设置,任选上方三个代码其中一个在数据下进行粘贴即可

image

最终效果可参考此截图

image

情况二:

如需整个网站全部变为灰色,可将代码添加至所有的页头页尾内,单击左上角切换页面-页头页尾。

image

单击左侧高级-代码嵌入-代码控件,将该控件添加至页头页尾任意位置

image

单击设置,任选上方三个代码其中一个在数据下进行粘贴即可

image最终效果可参考此截图

image