Изменяемое содержимое панели навигации при наведении (не на панели навигации) - PullRequest
Новая
       15

Изменяемое содержимое панели навигации при наведении (не на панели навигации)

0 голосов
/ 14 сентября 2018

Я хочу создать изменение содержимого панели навигации при наведении другого элемента. У меня есть липкая панель навигации при прокрутке вниз, а сверху есть некоторые темы, такие как блог, профессиональные темы, и я хочу классифицировать их на панели навигации. Но мне нужно изменить их при наведении каждой темы на веб-сайте. А также они должны быть стабильными на каждой странице по теме. Например, на профессиональной странице navbar должен заполняться профессиональными подзаголовками. 

<div id="NavUst">
<a href="#" id="Link1">
    <div id="elementLogo">
        <img id="logo" src="~/WebSiteİcerik/logo.png" />
    </div>
</a>
<a href="#" id="Link2"><div id="elementNu" class="mrgnAyar"><h4>Blog</h4></div></a>
<a href="#" id="Link3"><div id="elementNu" class="mrgnAyar"><h4>Soru-Cevap</h4></div></a>
<a href="#" id="Link4"><div id="elementNu" class="mrgnAyar"><h4>Profesyonel</h4></div></a>
<div id="elementNu">
    <a href="#"> <div id="Login"><h4>Giriş Yap</h4></div></a>
    <a href="#"><div id="Login"><h5>Kayıt Ol</h5></div></a>
</div>

Это моя тема. Div для каждого тега, который нужно изменить. 

<nav class="navbar navbar-expand-lg navbar-dark bg-dark nav" id="navbar1">
<div class="container">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarresponsive" aria-controls="navbarresponsive" aria-expanded="false" aria-label="toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarresponsive">
        <ul class="navbar-nav mr-auto" id="NavUstId">
            @if (Convert.ToInt32(Session["Sayfa"]) == 1)
            {
                <li class="nav-item active">
                    <a class="nav-link" href="#">
                        Anasayfa
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Hakkımızda</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Servislerimiz</a>
                </li> 
                <li class="nav-item">
                    <a class="nav-link" href="#">İletişim</a>
                </li>
            }

и это часть navbar Мне нужно показать это как модальный или что-то подобное? Я работаю на asp.net mvc

...