JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<script src="http://www.permyakov.org/ru/js/jquery.lavalamp.min.js"></script>
<script src="http://www.permyakov.org/ru/js/jquery.easing.min.js"></script>
<link rel="stylesheet" href="http://www.permyakov.org/ru/css/style.css">
  <div id="main">	
    <div id="site_content">  
	  <div id="menubar">
        <ul class="lavaLampWithImage" id="lava_menu">
          <li class="current"><a href="news.html">Новости</a></li>
          <li><a href="links2.html">Ссылка 2</a><ul><li><a href="links2_2.html">Ссылка 2.2</a></li>
</ul></li>
          <li><a href="links3.html">Ссылка 3</a></li>
          <li><a href="links4.html">Ссылка 4</a></li>
          <li><a href="contact.html">Контакты</a></li>
        </ul>
	  </div><!--close menubar-->
      <div id="header">  
        <h1>Мой сайт</h1>	
	    <h2>&nbsp;</h2>
      </div>
    </div><!--close footer-->	
  </div>

JavaScript

$(function() {
      $("#lava_menu").lavaLamp({
        fx: "backout",
        speed: 700
      });
    });