смена класса div
Добрый день. Интересует такой вопрос... можно ли с помощью js/jq реализовать смену класса дива при наведении курсора мыши...
когда мышка не наведена используется строка <div class=div>текст</div> а при наведении мышки юзалось <div class=div1>текст<br>текст</div> |
подумал, что можно скрыть во втором случае текст заключить в отдельный div и скрыть с помощью display:none но тогда не понимаю как сделать что бы при наведении у 2-х дивов менялся класс :(
|
если нужен эффект при наведении, то в цсс есть :hover
пропишите в div:hover{} нужные свойства и не нужно классы менять |
Задать hover естественно не проблема... но тут проблема в том что бы при наведении появилось продолжение текста...
будет тогда соотвественно так просто так висит <div class=div>[COLOR="red"]текст[/COLOR]</div> а при наведении мышки юзалось <div class=div:hover>[COLOR="Red"]текст<br>текст[/COLOR]</div> Проблема в том как вот это сделать - то что находится между color=red |
<style>
div span{display:none}
div:hover span{display:block}
</style>
<div>текст<br><span>текст</span></div>
|
danik.js, огромнейшее спасибо, чёт сам не допёр)
|
| Часовой пояс GMT +3, время: 15:07. |