Здравствуйте! Совсем недавно начал изучать JQuery, поэтому приходится задавать элементарные вопросы. Свой вопрос много раз гуглил и находил решения, но в моем коде они почему-то не работают. Прошу помощи у Вас, старшие товарищи, разобраться в интересующей меня теме. В данном случае не работает скрипт перемещения фонового изображения.
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<Body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.bgpos.js"></script>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</Body>
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
float: left;
width: 100px;
margin: 0;
padding: 0;
text-align: center;
}
li a {
display: block;
padding: 5px 10px;
height: 15px;
color: #FFF;
text-decoration: none;
border-right: 1px solid #FFF;
}
li a {
background: url("bg2.jpg") repeat 0 0;
}
jQuery(documet).ready(function(){
$("a").css("background-position","0 0").mouseenter(function(event){
$("a").animate({backgroundPosition:"(-200 0)"},300);
}
)
}
)
