Css наведение мыши
Автор Кирилл П задал вопрос в разделе Верстка, CSS, HTML, SVG
Как сделать кнопку html-кодом, которая при наведении мыши меняет цвет и надпись? и получил лучший ответ
Ответ от Shalafi[гуру]
Чистым ХТМЛом нельзя вроде, Выбирай как, 3 способа CSS / JavaScript / Flash
Shalafi
(13447)
те ниже ответили. Там ЦСС правда, но ЯваСкрипт муторней и тяжелей. Используй лучше тот вариант (знаешь же как классами пользоваться...).
Ответ от Farewellerrel[эксперт]
свойство onhover можно использовать, например
.qqq {
background:#fff;
}
qqq:hover {
background:#fff;
}
Надпись это java-script
А вообще рекомендую JQuery
свойство onhover можно использовать, например
.qqq {
background:#fff;
}
qqq:hover {
background:#fff;
}
Надпись это java-script
А вообще рекомендую JQuery
Ответ от Валерий Аненков[эксперт]
сделать кнопку картинкой и используя псевдокласс :hover заменять одну картинку другой
a.rollover {
background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 196px; /* Ширина рисунка */
height: 183px; /* Высота рисунка */
}
a.rollover:hover {
background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
}
сделать кнопку картинкой и используя псевдокласс :hover заменять одну картинку другой
a.rollover {
background: url(images/sun1.png); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 196px; /* Ширина рисунка */
height: 183px; /* Высота рисунка */
}
a.rollover:hover {
background: url(images/sun2.png); /* Путь к файлу с заменяемым рисунком */
}
Ответ от Димка)[гуру]
вы что ребята: в хтмл: а потом в ксс применяй стили. .but { color:цвет; } .but:hover { color:цвет при наведении; }
вы что ребята: в хтмл: а потом в ксс применяй стили. .but { color:цвет; } .but:hover { color:цвет при наведении; }
Ответ от Дмитрий Торопов[мастер]
код самой кнопки смотри на рисунке в самом низу:
потом в файл css добавляешь:
a.knopka {
font-size: 13px;
color: #fff;
text-decoration: none;
user-select: none;
background: #6a920f;
padding: .6em 1.5em;
outline: none;
border-radius: 5px;
}
a.knopka:hover { background: rgba(106, 146, 15, 0.77); }
a.knopka:active { background: #527505; }
цвета, размер шрифта, фон и т. д и т. п подставляешь как тебе надо.

код самой кнопки смотри на рисунке в самом низу:
потом в файл css добавляешь:
a.knopka {
font-size: 13px;
color: #fff;
text-decoration: none;
user-select: none;
background: #6a920f;
padding: .6em 1.5em;
outline: none;
border-radius: 5px;
}
a.knopka:hover { background: rgba(106, 146, 15, 0.77); }
a.knopka:active { background: #527505; }
цвета, размер шрифта, фон и т. д и т. п подставляешь как тебе надо.

Ответ от Алиса Алисова[активный]
Если в редакторе Dreamweaver, то можно . Все просто.
Если в редакторе Dreamweaver, то можно . Все просто.
Ответ от Ѐуслан ***[новичек]
во то вы его грузанули)) в html нельзя, максимум можешь кнопку красочную сделать, это нарисовать кнопку и сделать по ней переход)
а так что ты хочешь сделать это делается в css
во то вы его грузанули)) в html нельзя, максимум можешь кнопку красочную сделать, это нарисовать кнопку и сделать по ней переход)
а так что ты хочешь сделать это делается в css
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Как сделать кнопку html-кодом, которая при наведении мыши меняет цвет и надпись?
Как сделать анимацию пи наведении на сайте?
Имеем допустим изображение с id= img1 и пустой параграф с id= p. Вот такой простейший скрипт при
подробнее...
Наведение мышки на элемент в JavaScript
$('td, th').hover(function() {$(this).css("visibility",
подробнее...
CSS - изменение текста при наведении, но не отдельным файлом
в код для конкретного линка А:
onmouseover=\"this.style.fontWeight=\'bold\'\"
подробнее...
Что лучше angular js или JQuery?
Когда только начинаешь читать про AngularJS возникает резонный вопрос – зачем учить совершенно
подробнее...
для чего эта прога XnView ?
XnView – яркий пример того, что среди бесплатного обеспечения (FreeWare) встречаются очень мощные
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
спросили в Mauser Megacheira
Что такое Page Maker?
Web Page Maker 3.0.3 – это очень простой инструмент для создания веб – страниц. С его помощью вы
подробнее...
Что такое Page Maker?
Web Page Maker 3.0.3 – это очень простой инструмент для создания веб – страниц. С его помощью вы
подробнее...
HTML/CSS Изменение картинки при наведении мыши
в css или хеадере в style пишешь
#name a{
background-image:url(image1.format);
}
подробнее...
спросили в Интернет
Подскажите хорошую прогу типа Adobe для создания сайтов
Типа Adobe программ не существует, это фирма, а не программа. У неё есть программа для вёрстки -
подробнее...
Подскажите хорошую прогу типа Adobe для создания сайтов
Типа Adobe программ не существует, это фирма, а не программа. У неё есть программа для вёрстки -
подробнее...
Выпадающее меню в Вордпресс
1. Заходишь в админку вордпресса, если ничего не менял, то
адрессайта. ру/вп-админ
(майл
подробнее...
спросили в Бра FIA GT
Как сделать в HTML, чтобы при наведении на картинку появлялся текст?Дайте пример. Дайте пример.
А просто < img src="файл. " title="Текст" > не канает?
Или нужен какой-то большой слой
подробнее...
Как сделать в HTML, чтобы при наведении на картинку появлялся текст?Дайте пример. Дайте пример.
А просто < img src="файл. " title="Текст" > не канает?
Или нужен какой-то большой слой
подробнее...
спросили в Курсор
как с помощью CSS сделать, чтобы картинка при наведении на неё курсора менялась на другую?
background-postion почитай на
подробнее...
как с помощью CSS сделать, чтобы картинка при наведении на неё курсора менялась на другую?
background-postion почитай на
подробнее...
как добавить css суффикс к одному пункту меню
.(название стиля) например .my_style:hover{color:#999! important;} вот этот! important если его
подробнее...