简单教程
提交运行
代码编辑器:
<p>点击按钮修改图片为黑白色(100% 灰色)</p> <button onclick="myFunction()">点我</button><br> <img id="myImg" src="/static/i/img3.jpg" alt="Pineapple" width="300" height="300"> <p><strong>注意:</strong> Internet Explorer 或 Safari 5.1 (及更早版本) 不支持该属性</p> <script> function myFunction() { document.getElementById("myImg").style.WebkitFilter = "grayscale(100%)"; // Chrome, Safari, 和 Opera } </script>
运行结果: