Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.04.2013, 14:52
Интересующийся
Отправить личное сообщение для Gwin Посмотреть профиль Найти все сообщения от Gwin
 
Регистрация: 13.05.2011
Сообщений: 14

смена класса div
Добрый день. Интересует такой вопрос... можно ли с помощью js/jq реализовать смену класса дива при наведении курсора мыши...

когда мышка не наведена используется строка
<div class=div>текст</div>


а при наведении мышки юзалось

<div class=div1>текст<br>текст</div>
Ответить с цитированием
  #2 (permalink)  
Старый 11.04.2013, 14:54
Интересующийся
Отправить личное сообщение для Gwin Посмотреть профиль Найти все сообщения от Gwin
 
Регистрация: 13.05.2011
Сообщений: 14

подумал, что можно скрыть во втором случае текст заключить в отдельный div и скрыть с помощью display:none но тогда не понимаю как сделать что бы при наведении у 2-х дивов менялся класс
Ответить с цитированием
  #3 (permalink)  
Старый 11.04.2013, 16:02
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

если нужен эффект при наведении, то в цсс есть :hover
пропишите в div:hover{} нужные свойства и не нужно классы менять
Ответить с цитированием
  #4 (permalink)  
Старый 11.04.2013, 16:05
Интересующийся
Отправить личное сообщение для Gwin Посмотреть профиль Найти все сообщения от Gwin
 
Регистрация: 13.05.2011
Сообщений: 14

Задать hover естественно не проблема... но тут проблема в том что бы при наведении появилось продолжение текста...

будет тогда соотвественно так

просто так висит
<div class=div>[COLOR="red"]текст[/COLOR]</div>



а при наведении мышки юзалось

<div class=div:hover>[COLOR="Red"]текст<br>текст[/COLOR]</div>


Проблема в том как вот это сделать - то что находится между color=red

Последний раз редактировалось Gwin, 11.04.2013 в 16:10.
Ответить с цитированием
  #5 (permalink)  
Старый 11.04.2013, 16:10
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>
div span{display:none}
div:hover span{display:block}
</style>
<div>текст<br><span>текст</span></div>
Ответить с цитированием
  #6 (permalink)  
Старый 11.04.2013, 16:13
Интересующийся
Отправить личное сообщение для Gwin Посмотреть профиль Найти все сообщения от Gwin
 
Регистрация: 13.05.2011
Сообщений: 14

danik.js, огромнейшее спасибо, чёт сам не допёр)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Доступ к div по имени класса li oslayer Events/DOM/Window 2 19.10.2012 20:35
Смена background у div AlexMak Общие вопросы Javascript 11 17.05.2012 14:34
Смена background у тега div при перезагрузке страницы NAMAT (X)HTML/CSS 1 10.05.2012 18:43
Смена Div по ссылке ketvil Элементы интерфейса 5 10.06.2011 13:31
Js + moo tools плавная смена div mansoff Events/DOM/Window 1 03.02.2010 11:11