menu js3

In this example below you will see how to do a menu js3 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by Dimitrios, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Dimitrios ©
  • HTML
  • CSS
  • JavaScript
    <style type="text/css">
    .hide { visibility:hidden }
    .show { visibility:visible }
</style>
<div align="left">
<table border="0" width="700">
<tr valign="top"><td>
 <div style="background-color:lime;"
     onmouseover="show_Object1()" onmouseout="hide_Object1()" >
  <span onmouseover="show_Object1()" onmouseout="hide_Object1()">
  <b>Основные разделы</b></span>
 </div>
 <div id="div1" onmouseover="show_Object1()" onmouseout="hide_Object1()"
     class="hide" style="background-color:#E8FED8;">
  <a href="index.php" onmouseover="show_Object1()" onmouseout="hide_Object1()">
  Главная</a><br>
  <a href="news.php" onmouseover="show_Object1()" onmouseout="hide_Object1()">
  Новости</a><br>
  <a href="plans.php" onmouseover="show_Object1()" onmouseout="hide_Object1()">
  Развития</a><br>
 </div>
</td><td>
 <div style="background-color:lime;"
     onmouseover="show_Object2()" onmouseout="hide_Object2()" >
  <span onmouseover="show_Object2()" onmouseout="hide_Object2()">
 </td></tr>
</table>
</div>

/*Downloaded from https://www.codeseek.co/Dimitrios/menu-js3-bWKbKd */
    http://learn.javascript.ru/introduction-browser-events


/*Downloaded from https://www.codeseek.co/Dimitrios/menu-js3-bWKbKd */
    function show_Object1() { document.getElementById('div1').className='show'; }
 function hide_Object1() { document.getElementById('div1').className='hide'; }
 


Comments