Выпадающий список

@Андрей9191 · Регистрация: 05.09.2014

Студворк — интернет-сервис помощи студентам

Привет ребята, помогите пожалуйста, я совсем еще не разбираюсь в java , но у меня такая задача: есть на сайте категории и подкатегории, при создании новых категорий скрипт сайта формирует на них свой блок <div>
Как мне сделать что бы при наведении курсором появлялись подкатегории, как hover. Пробовал кстати через Css, не получается никак, потому что когда объединяю два <div> в один (категории и подкатегории) скрипт сразу выдает ошибки
Вот мой сайт http://board.paradiseholdingsl.com/ (доска объявлений) в ней сразу увидите категория родительская "Работа, трудоустройство" и подкатегория (работа, вакансии, резюме)

@arcmag · 05.02.2015, 15:53

Я не совсем понял? Вам нужно выпадающий список меню сделать?
Если да то есть 2 варианта на JS и на CSS

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html>
<head>
<title>Выпадающий блок</title>
<style>
*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; }
ul{ list-style-type:none;}
.js_block, .css_block{
    margin:10px 0px 0px 100px;
    display:inline-block;
    position:relative;
}
.js_block a, .css_block a{
    text-decoration:none;
    background:#999;
    color:#FFF;
    padding:3px 10px;
    margin-top:1px;
    display:block;
    transition:all .5s;
}
.js_block a:hover, .css_block a:hover{ background:#FC6; color:#09F; }
.css_block .sub_block, .js_block .sub_block{
    position:absolute; display:none; top:15px; right:-60px;
}
.css_block .sub_block a, .js_block .sub_block a{background:#333;}
.css_block>li:hover .sub_block{display:block;}
</style>
<script>
var block = document.getElementById("block");
window.onload = function(){
    block = document.getElementById("block");
    block.onmouseover = function(){block.childNodes.item(2).style.display = "block";}
    block.onmouseout = function(){block.childNodes.item(2).style.display = "none";}
}
</script> 
</head> 
<body>
    <ul class="js_block">
        <li id="block"><a href="">Блок javascript</a>
            <ul class="sub_block">
                <li><a href="">Блок javascript</a></li>
                <li><a href="">Блок javascript</a></li>
                <li><a href="">Блок javascript</a></li>
                <li><a href="">Блок javascript</a></li>
            </ul>
        </li>
        <li><a href="">Блок javascript</a></li>
        <li><a href="">Блок javascript</a></li>
    </ul>
    
    
    <ul class="css_block">
        <li><a href="">Блок css</a>
            <ul class="sub_block">
                <li><a href="">Блок css</a></li>
                <li><a href="">Блок css</a></li>
                <li><a href="">Блок css</a></li>
                <li><a href="">Блок css</a></li>
            </ul>
        </li>
        <li><a href="">Блок css</a></li>
        <li><a href="">Блок css</a></li>
    </ul>
</body>
</html>

@Андрей9191 · 05.02.2015, 16:27 **[ТС]**

у меня просто есть скрипт доски объявлений, и если я буду изменять код в блоках, уже все неправильно выводится и скрипт перестает работать корректно, мне нужно подключить к данному блоку функцию что бы при наведении курсора категория раскрывалась "Работа, трудоустройство" и появлялись подкатегории "Работа (вакансии, резюме)" В моем сайте http://board.paradiseholdingsl.com/

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Андрей9191 0 / 0 / 1 Регистрация: 05.09.2014 Сообщений: 62

	Выпадающий список 05.02.2015, 13:47. Показов 1680. Ответов 2 Метки нет (Все метки) Привет ребята, помогите пожалуйста, я совсем еще не разбираюсь в java , но у меня такая задача: есть на сайте категории и подкатегории, при создании новых категорий скрипт сайта формирует на них свой блок <div> Как мне сделать что бы при наведении курсором появлялись подкатегории, как hover. Пробовал кстати через Css, не получается никак, потому что когда объединяю два <div> в один (категории и подкатегории) скрипт сразу выдает ошибки Вот мой сайт http://board.paradiseholdingsl.com/ (доска объявлений) в ней сразу увидите категория родительская "Работа, трудоустройство" и подкатегория (работа, вакансии, резюме) 0

@Андрей9191 0 / 0 / 1 Регистрация: 05.09.2014 Сообщений: 62
	05.02.2015, 16:27 [ТС]
	у меня просто есть скрипт доски объявлений, и если я буду изменять код в блоках, уже все неправильно выводится и скрипт перестает работать корректно, мне нужно подключить к данному блоку функцию что бы при наведении курсора категория раскрывалась "Работа, трудоустройство" и появлялись подкатегории "Работа (вакансии, резюме)" В моем сайте http://board.paradiseholdingsl.com/ 0

Выпадающий список

Решение