| Eley | Дата: Воскресенье, 14.08.2011, 19:55 | Сообщение # 1 |
|
Спец
Группа: Администраторы
Сообщений: 101
Награды: 0
Статус: Offline
| Установка:
В CSS
Код:
.otherbutton {
clear: both;
position:relative;
display:block;
height: 64px;
width: 570px;
background:url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) 0 0 no-repeat;
cursor: pointer;
}
.otherbutton span.hover {
position: absolute;
display: block;
height: 64px;
width: 570px;
background: url(http://s011.radikal.ru/i318/1102/91/1c4c761cf33f.png) bottom no-repeat;
}
В head
Код:
<script type="text/javascript">
$(document).ready(function() {
$('.otherbutton').append('<span class="hover"></span>').each(function () {
var $span = $('> span.hover', this).css('opacity', 0);
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
$span.stop().fadeTo(500, 0);
});
});
});
</script>
Сама кнопка
Код:
<a href="#" class="otherbutton"></a>
Готово!
|
| |
| |
