grayscale.js使网页变黑白实例

最新推荐文章于 2022-12-01 13:50:35 发布

原创最新推荐文章于 2022-12-01 13:50:35 发布 · 698 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一种使用 JavaScript 和 jQuery 实现网页灰度显示的方法。通过引入外部 JavaScript 文件 grayscale.js 并利用 window.onload 事件来触发页面元素的灰度效果。此方法简单有效，适用于快速为网站增加灰度显示功能。

<SCRIPT type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://james.padolsey.com/demos/grayscale/grayscale.js"></SCRIPT>
<script type="text/javascript">
  window.onload=function(){
    grayscale(document.body); 
}
</script>