<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>很酷的jQuery车门滑动效果菜单 by www.865171.cn</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.backgroundPosition.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#shutter1').css({backgroundPosition: '0px 0px'});
$('#shutter2').css({backgroundPosition: '0px 0px'});
$('#shutter3').css({backgroundPosition: '0px 0px'});
$('#shutter4').css({backgroundPosition: '0px 0px'});
$(".link").hover(function(){
$(this).parent().animate({backgroundPosition: '(0px -100px)'}, 500 );
}, function() {
$(this).parent().animate({backgroundPosition: '(0px 0px)'}, 500 );
});
});
</script>
</head>
<body>
<ul id="menuback">
<li class="shutter" id="shutter1"><a class="link" href="http://www.865171.cn/css-menu/">Link 1</a></li>
<li class="shutter" id="shutter2"><a class="link" href="http://www.865171.cn/css-menu/">Link 2</a></li>
<li class="shutter" id="shutter3"><a class="link" href="http://www.865171.cn/css-menu/">Link 3</a></li>
<li class="shutter" id="shutter4"><a class="link" href="http://www.865171.cn/css-menu/">Link 4</a></li>
</ul>
<h3 align="center">© www.865171.cn</h3>
</body>
</html>
jQuery.rar （11个子文件） 
很酷的jQuery车门滑动效果菜单 css 
style.css 839B images 
shutter-reptiles.jpg 4KB shutter-aviary.jpg 4KB
shutter.png 3KB window.png 2KB shutter-arcticzone.jpg 5KB shutter-africanplains.jpg 4KB menu-bg.jpg 24KB js jquery.backgroundPosition.js 1KB jquery-1.2.6.min.js 54KB
index.html 2KB资源评论
步步行者2013-04-08效果不错，支持
