Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
    <style>
      .current {
        color:red; 
        border:1px solid red;
      }
    </style>
  </head>
  <body>
    <nav>
      <ul id="mymenu">
        <div id="btn_marker"></div>
          <li  class="nav" onmouseover="loadContent(this)" onmouseout="initMenu(this)">a</li>
          <li class="nav" onmouseup="setActive(this)" onmouseover="loadContent(this)" onmouseout="initMenu(this)">b</li>
          <li class="nav" onmouseover="loadContent(this)" onmouseout="initMenu(this)">c</li>
          <li class="nav" onmouseclick="setActive(this)" onmouseover="loadContent(this)" onmouseout="initMenu(this)">d</li> 
      </ul>
    </nav>
  </body>
</html>
 
var url = "http://example.com/home".split("/"); //replace with location.href
​
var navLinks = document.getElementsByTagName("nav")[0].getElementsByTagName("li");
​
var i=0;
var currentPage = url[url.length - 1];
for(i;i<navLinks.length;i++){
  var lb = navLinks[i].href.split("/");
  if(lb[lb.length-1] == currentPage) {
   navLinks[i].className = "current";
   
  }
  }
​
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers