• Страница 1 из 1
  • 1
Помогите со скриптом!
Lelouch
Дата: Воскресенье, 02.01.2011, 14:03 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 520
Сообщений: 16
Я хочу чтобы при наведений на div с классом subbet была выполнена вот такая анимация:
чтобы слева выходил блок с надписью.
Что-то не получается
вот хтмл:
Code
<html>
<head>
<title>2</title>
<style type="text/css">
body {background:#FFF;padding:0px;margin:0 auto;font-family:arial;width:800px;}
.subbet {background:#000;padding:10px;color:#fff;width:200px;}
.subbets {display:none;padding:5px;color:#000;position:absolute;top:30px;left:0px;border:1px solid #000;background:#3d3d3d;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".subbet").mouseover(function(){
$(".subbets").animate({left: "+=300"}, 600)
$(this).animate({left: "-=300"}, 600)
  });
  });
</script>
</head>
<body>
<div class="subbets">gagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagaga gagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagagaga</div>
<div class="subbet">Жми!!!</div>
  </body>
  </html>


Сообщение отредактировал Lelouch - Воскресенье, 02.01.2011, 14:05
  
UnderShot
Дата: Воскресенье, 02.01.2011, 15:52 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
"+=300px"


Очень важная тема!
Filmzona — онлайн фильмы.
  
рони
Дата: Понедельник, 03.01.2011, 05:10 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 3384
Сообщений: 1
display:none; уберите и увидите что ваш скрипт работает, чтобы див выезжал слева задайте этому блоку ширину и сдвиньте блок влево на эту ширину. либо анимируте ширину вариант ниже
Code
<script type="text/javascript">
$(function() {
$(".subbet").mouseover(function(){
$(".subbets").animate({width: 'toggle'}, 600)
   });
});
</script>

строка $(this).animate({left: "-=300"}, 600) бесполезна ибо пытаеться анимировать блок subbet у которого незадано position
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.