方法壹：
定位+透明層+js(如果是本區變暗其它區域不變的話那麽連js和定位都不用，直接a:hover+透明度就行)
1、定位。首先妳看到的和點擊到的鏈接都不是直接在圖片上的，這個是假的，其實是壹個與圖片同大小的空的a標簽定位在了圖片上方
2、透明層。初始時1中所有空a標簽(這裏a標簽背景色都為黑色)都是透明度為0，變暗的本質是1中其它區域的空a標簽都是透明度為30%(這個透明度根據需要自己調整)。
3、js。這裏js的作用是控制當鼠標覆蓋到此區域內時，控制其它產品區域上的空a標簽改變透明度已達到變暗的效果。
方法二：兩種產品圖片(壹明壹暗)+js(類似方法壹，只不過這裏是控制兩種圖片的互換)，此法繁瑣且不宜維護，不推薦