-- добавлено 14 янв 2011, 15:48 --
Код я нашел
Код: Выделить всё
<style type="text/css">
img { border:none}
a.button {width:120px; height:120px; background:url(button.png); display:inline-block}
a.button:hover { margin-left:5px }
</style>
<a class="button" href="#"></a>
-- добавлено 14 янв 2011, 15:51 --
Вот еще код:
Код: Выделить всё
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Эффект перекатывания</title>
<style type="text/css">
A.rollover {
background: url('3.jpg'); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 151px; /* Ширина рисунка в пикселах */
height: 40px; /* Высота рисунка */
}
A.rollover:hover {
background-position:
0px /* Смещение по горизонтали */
-40px; /* Смещение вверх по вертикали */
}
</style>
</head>
<body>
<a href="link.html" class="rollover"></a>
</body>
</html>
-- добавлено 14 янв 2011, 15:52 --
движок phpBB 3