Всем, привет!
Создала меню, применила .hover() и .animate(), везде работает, кроме IE8.
Не могу понять почему, помогите разобраться
Применила версии Jquey 1.9.1/
1.7.2
<!doctype html>
<html>
<head>
<title>Плавный переход hover с фоном</title>
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
</head>
[JS]
<script type="text/javascript">
jQuery(document).ready(function(){
$("span").hover(
function () {
$(this).animate({
'opacity' : 0.5
}).stop(true,true).fadeTo(500,1);
},
function () {
$(this).animate({
'opacity' : 1
}).stop(true,true);
});
});
</script>
[/JS]
<style type="text/css">
li{
list-style:none;
margin-bottom:10px;
}
span{
background:#369;
padding: 5px 10px 7px 10px;
}
a{
text-decoration:none;
}
#menu{
width:100px;
background:#ffcc00;
padding:10px}
</style>
<body>
<div id="menu">
<ul>
<li><a href="#"><span>Текст1</span></a></li>
<li><a href="#"><span>Текст2</span></a></li>
<li><a href="#"><span>Текст3</span></a></li>
<li><a href="#"><span>Текст4</span></a></li>
</ul>
<div>
</body>
</html>