javascript - active item li on menu where hover -


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>    <div id="topbar">          <ul>              <li class="active">                  <a href="">about us</a>              </li>              <li>                  <a href="">services</a>              </li>              <li>                  <a href="">gallery</a>              </li>              <li>                  <a href="" class="nav-quote-button">get quote</a>              </li>          </ul>      </div>

how set class active on li 2,3,4... hover, , remove class active has go

thank you!

unless need active kind of query down line (i don't know why would, though), try css.

li:hover {      //  active class css here } 

you can add further selectors li keep selecting other lists on page, , doesn't take javascript, jquery, or fancy coding.

the :hover psuedo-selector make applies css element you're hovering over.


Comments

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

python - NameError: name 'subprocess' is not defined -