​x
 
<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>