Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 08.10.2017, 00:29   #1
Knight_
Новичок
Джуниор
 
Регистрация: 08.10.2017
Сообщений: 1
Радость Java script - смена маркера списка

Нужна помощь в решении проблемы, требуется сменить маркер списка с круга на квадрат при наведении курсора

<style>
ul {
font-family: sans-serif;
font-size: 20px;
float: left;
margin-top: 70px;
}
.square {
list-style-type: square;
color: aqua;
}
</style>

<ul>
<li>Один</li>
<li>Два</li>
<li>Три</li>
<li>Четыре</li>
<li>Пять</li>
</ul>

<script>
var elements = document.querySelectorAll('ul > li');

elements.onmouseover = (function () {

elements.classList.add("square"); ///просто один из вариантов
elements.toggleClass( "square", switch )
}());
</script>

Подскажите что не правильно в коде, и если есть другие варианты буду очень признателен
Knight_ вне форума Ответить с цитированием
Старый 08.10.2017, 00:49   #2
Streletz
Старожил
 
Регистрация: 03.01.2014
Сообщений: 2,870
По умолчанию

Можно, конечно сделать и на JavaScript через события onmouseover/onmouseout. Но я бы посмотрел в сторону hover.
Streletz вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
C# vs Java (не Java Script), что лучше? Алексей_2012 Свободное общение 60 29.08.2015 23:55
Java-Script Obitatel Помощь студентам 3 02.04.2015 23:16
Java Script Nelly_ JavaScript, Ajax 4 06.04.2011 14:32
Поиск текста от маркера до маркера artemavd Общие вопросы Delphi 13 07.04.2010 12:37