我的Lavalamp菜单与我的幻灯片分开工作，我的幻灯片与我的lavalamp菜单分开工作，但它们一起无法正常工作。这是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
<link href="style_jquery.css" media="screen" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="carousel.js"></script>
</head>
我的菜单：
<ul class="lavaLamp" id="3">
<li class="current"><a href="index.html">home</a></li>
<li><a href="#">ervaring</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
</ul>
这是我的幻灯片：
<div id="slideshow">
<img src="images/carousel_scpo.png" width="980" height="355" alt="image 1" class="is-showing" />
<img src="images/carousel_pensioenkennis.png" width="980" height="355" alt="image 2" />
<img src="images/carousel_landelijkemediagroep.png" width="960" height="355" alt="image 3" />
</div>