emad_67
جمعه 04 اردیبهشت 1388, 22:55 عصر
با توضیحاتی که جناب Amin eHelp دادن اینم عملیش:
<style type="text/css">
#ctn
{
background: url('promo-btn-1.jpg') top left no-repeat;
height: 40px;
display: block;
}
#ctn:hover
{
background-position: 0 -39px;
}
#ctn:active
{
background-position: 0 -78px;
}
</style>
</head>
<body>
<a id="ctn" href="#"></a>
</body>
البته من از تگ a استفاده کردم ولی اگر خواستی می تونی از جاوااسکریپت هم استفاده کنی.
توی کد هم فقط background-position رو در کلاس های hover و active تغییر دادم تا تصویری که می خوای نمایش داده بشه.