关于onmouseover问题，关于图片处理，如何使用JS

一个网页，有一排100x60的图片，当我鼠标移到这个图片的时候这个图片周围变暗，当我点击这个图片以后，这个图片变灰色。这个效果用JS如何实现呢，具体思路怎么样了，刚接触，不太懂，会的朋友就麻烦您写的稍微详细点了，先在这谢谢了