تغییر رنگ عکس با امدن موس روی ان

[hsmtech]

دوست گرامی!
در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
، بخش Image Hover - change picture رو ببینید. همونطور که ملاحظه می کنید این بخش از کد:

کد: (انتخاب همه)

.imgBox { width: 191px; height: 191px; background: url(http://www.corelangs.com/css/box/img/duck.png) no-repeat; }

برای حالت عادی و تصویر اصلی تعریف شده، که در واقع همون عکس آبی رنگ شما محسوب میشه و بخش دیگر کد:

کد: (انتخاب همه)

.imgBox:hover { width: 191px; height: 191px; background: url(http://www.corelangs.com/css/box/img/peng.png) no-repeat; }

که برای خاصیت hover نوشته شده و با حرکت ماوس روی عکس باعث تغییر عکس قبلی میشه و عکس جدید رو به نمایش در میاره که در واقع عکس قرمز رنگ شما محسوب میشه...