Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   При наведении мыши на иконку происходит замена её на кнопку (https://javascript.ru/forum/events/59671-pri-navedenii-myshi-na-ikonku-proiskhodit-zamena-ejo-na-knopku.html)

Coriolan161 21.11.2015 21:54

При наведении мыши на иконку происходит замена её на кнопку
 
Вложений: 1
Хотел бы разобраться с Вашей помощью: как сделать так, чтобы иконка при наведении заменялась кнопкой? Как выглядит примерный скрипт?

Кто сталкивался с подобной ситуацией и может подсказать выход из неё?

Mess4me 21.11.2015 22:12

Coriolan161,
<!DOCTYPE HTML>
<html>

<head>
 
    <meta charset="utf-8">
    <style>
        #but {
            width: 40px;
            height: 40px;
            background: url("http://icons.iconarchive.com/icons/mazenl77/I-like-buttons-3a/512/Cute-Ball-Go-icon.png") no-repeat;
            background-size: 40px 40px;
            cursor: pointer;
        }
       #but:hover {
            background: url("http://i.stack.imgur.com/vfLae.png") no-repeat;
            background-size: 40px 40px;
        }

    </style>
</head>

<body>

<div id="but"> </div>
 

</body>

</html>


Часовой пояс GMT +3, время: 18:49.