JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://nixbox.com/lib/jquery.easing.1.3.js"></script>
<script src="http://nixbox.com/lib/jquery.lavalamp-1.3.5.min.js"></script>
<ul id="menu">
<li><img src="http://desmond.yfrog.com/Himg735/scaled.php?server=735&filename=u2tc.jpg&res=iphone" class="images" width="100" height="80"/></li>
<li><img src="http://desmond.yfrog.com/Himg735/scaled.php?server=735&filename=u2tc.jpg&res=iphone" class="images" width="100" height="80"/></li>
<li><img src="http://desmond.yfrog.com/Himg735/scaled.php?server=735&filename=u2tc.jpg&res=iphone" class="images" width="100" height="80"/></li>
<li><img src="http://desmond.yfrog.com/Himg735/scaled.php?server=735&filename=u2tc.jpg&res=iphone" class="images" width="100" height="80"/></li>
</ul>
CSS
ul#menu {
list-style:none;
margin:5px;
border:1px solid #333;
padding:10px;
overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#menu li{
position:relative; /* allows us to set the z-index */
z-index:5; /* raises the z-index of the line item 5 levels all other elements */
margin:3px 5px;
padding:5px 10px 4px;
float:left
}
ul#menu li.backLava
{
border: 1px solid #33CC33;
background-color:#CCFFCC;
z-index:1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
-moz-box-shadow: 2px 2px 3px #000;
display:inline;
}
JavaScript
$(function() {
$('ul#menu').lavaLamp();
});