با استفاده از این کد وقتی نشانگر ماوس رو روی عكسی میبریم عكس روشن تر می شود.
از مزایای این کد این است که تنها تصویری که شما در کد قرار داده اید کم رنگ میشود و دیگر تصاویرتان روشن خواهند ماند
جهت مشاهده چگونه گی عملکرد کد ، ماوس خود را بر روی تصویر زیر ببرید.

<!-- Begin 20tools.com --> <center> <style> #learningbet A IMG, #learningbet A:visited IMG {FILTER: Alpha(opacity=50);border:0px}#learningbet A:hover IMG {FILTER: Alpha(opacity=100);border:0px} </style> <div id=learningbet> <a href='http://20tools.com/' target='_blank'><img src="http://20tools.com/java/img-show-off/img-show-off.gif" border="0"></a> </div> </center> <div style="display:none"><h6><center> <img src='http://night-skin.com/public/images/icon_green-check.png' /> <a target='_blank' href='http://shahadat-talab.ir/'>شهادت طلب</a> | <a target='_blank' href='http://bimehmarkazi.ir/'>بیمه مرکزی</a><br /><img src='http://night-skin.com/public/images/icon_green-check.png' /> <a target='_blank' href='http://onlinepr.ir/'>پزشکی</a> | <a target='_blank' href='http://hcot.ir/'>انگلیسی</a><br /><img src='http://night-skin.com/public/images/icon_green-check.png' /> <a target='_blank' href='http://papo.ir/'>پاپو</a> | <a target='_blank' href='http://farsahang.ir/'>فارس آهنگ</a><br /></center><a href=http://20tools.com/>سایت خدماتی بیست تولز</a></h6><a href=http://20tools.com/java>ابزار وبلاگ نویسی</a></div> <!-- End 20tools.com -->

---

اموزش تغییرات در کد :


کد های رنگ سفید : این کد ها استایل کد را تشکیل میدهند که نیازی به تغییر ندارد.

کد های رنگ قرمز : کدهای قرمز تعیین کننده ی منطقه ی کد می باشد ، شما هر تصویری که در بین کد های قرمز قرار دهید به صورت کم رنگ نمایش داده خواهد شد.

کد های رنگ ابی : کد ابی رنگ لینک به تصویر می باشد که در صورتی که نمی خواهید لینکی را به تصویرتان متصل کنید کل کد های ابی رنگ را میتوانید حذف کنید.

کد های رنگ صورتی : کد های رنگ صورتی ، کد تصویر میباشد که در کد باید قرار دهید.

تغییرات لازم : شما باید در کد ابی رنگ ادرسی که میخواهید به تصویر متصل شود را وارد کنید همچنین باید در کد صورتی رنگ می بایست ادرس تصویر مورد نظر را وارد کنید.