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

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

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

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

@arcmag · 05.02.2015, 15:53

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

Javascript

<!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/

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

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

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

Решение