12月13日公祭日网站变灰代码使用

代码一:
<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>

 

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

 

情况一:

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

 

 

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

 

最终效果可参考此截图


 

情况二:

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

 

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

 

 

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


 

最终效果可参考此截图

 

浏览量:0
帮助中心    控件操作    代码/爱番番    12月13日公祭日网站变灰代码使用