Html:
<div class="menu">
<ul class="lavaLampBottomStyle" id="1">
<li class="menu_first"> </li>
<li id="menu1" class="menu_mid"><a href="#">绿茶商城</a></li>
<li id="menu2" class="menu_mid"><a href="#">产品介绍</a></li>
<li id="menu3" class="menu_mid"><a href="#">公司概况</a></li>
<li id="menu4" class="menu_mid"><a href="#">新闻中心</a></li>
<li id="menu5" class="menu_mid"><a href="#">绿茶文化</a></li>
<li id="menu6" class="menu_mid"><a href="#">绿茶健康</a></li>
<li id="menu7" class="menu_mid"><a href="#">联系我们</a></li>
<li class="menu_last"> </li>
</ul>
</div>
<ul class="lavaLampBottomStyle" id="1">
<li class="menu_first"> </li>
<li id="menu1" class="menu_mid"><a href="#">绿茶商城</a></li>
<li id="menu2" class="menu_mid"><a href="#">产品介绍</a></li>
<li id="menu3" class="menu_mid"><a href="#">公司概况</a></li>
<li id="menu4" class="menu_mid"><a href="#">新闻中心</a></li>
<li id="menu5" class="menu_mid"><a href="#">绿茶文化</a></li>
<li id="menu6" class="menu_mid"><a href="#">绿茶健康</a></li>
<li id="menu7" class="menu_mid"><a href="#">联系我们</a></li>
<li class="menu_last"> </li>
</ul>
</div>
jQuery:
<script type="text/javascript">
$(function() {
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
$(function() {
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>