W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<html> <head> <style> img { filter:grayscale(85%); } </style> <script type="text/javascript"> function color(elmnt) { elmnt.style.WebkitFilter='grayscale(0%)' } function gray(elmnt) { elmnt.style.WebkitFilter='grayscale(85%)' } </script> </head> <body> 请把鼠标移动到图像链接上： <p> <a href="/i/eg_landscape.jpg" target="_blank"> <img border="0" onmouseover="color(this)" onmouseout="gray(this)" src="/i/eg_w3school.gif" /><br /></a> <a href="http://www.altavista.com/" target="_blank"> <img border="0" onmouseover="color(this)" onmouseout="gray(this)" src="/i/eg_altavista.gif" /><br /></a> <a href="http://www.yahoo.com/" target="_blank"> <img border="0" onmouseover="color(this)" onmouseout="gray(this)" src="/i/eg_yahoo.gif" /></a> </p> </body> </html>