Анимация Div-ов C помощью Jquery

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Phenom, 18 сен 2010.

Статус темы:
Закрыта.
  1. Phenom

    Phenom Гость

    Начал разбираться, с .slideToggle() получается,но у меня все позиционированием...и плюс .slideDown() не пашет,а мне именно это надо,подвинуть в низ на несколько пикселей,а потом в сверх....логику знаю,надо .slideDown() и .slideUp() и одну булевую переменную которая проверяет ,когда в вызывать .slideDown() а когда .slideUp() (в зависимости куда нам надо,если false - вниз,а true - обратно в верх на несколько пикселей)((Скинул исходник(с коментариями),там все просто,может я как то не так делаю,помогите пожалуйста...
     

    Вложения:

    • ______.rar
      Размер файла:
      56,6 КБ
      Просмотров:
      9
  2. vital

    vital Больной Компом Детектед
    Команда форума Web Team

    Регистрация:
    29 янв 2006
    Сообщения:
    2.474
    Симпатии:
    27
    Никто не будет качать. Весь код сюда.
     
  3. Phenom

    Phenom Гость

    Код (Text):
    <!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>Test</title>
    <link rel="stylesheet" href="styles.css" type="text/css" /><script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
    google.load("jquery", "1.4.2");
    google.load("jqueryui", "1.8");
    </script>
    <script type="text/javascript">

    $(document).ready(function () {

    $("#left_menu").click(function () {

    $("#left_menu").slideDown("slow");  <!--Вообще не пашет-->

    });

    });
    </script>
    </head>

    <body>
    <div id="container">
    <div id="header" style="background-image:url('./head.png');background-repeat: no-repeat; margin:0 auto;">

    </div>

    <div id="menu" style="background-image:url('./menu.png');height:174px; position:relative;top:-270px; z-index:2;">
    </div>
    <div style="position:relative;top:-430px; z-index:1;">
    <!-
    как сделать что бы блок с id left_menu выезжал в низ на
    несколько пискеселей с анимацией...Метод .slideDown("slow")вообще не работает
    а метод .slideToggle() работает,но подымает в верх блок,а мне надо что бы
    вниз и на несколько пикселей,и остановилось потом....

    -->
    <div style="width:225px;height:180px; background-image:url('./left_block.png'); float:left;" id="left_menu"></div>
    <div style="width:225px;height:180px; background-image:url('./right_block.png'); float:right;"></div>
    </div>
    <div id="content" style="color:#FFF;border:1px solid #4f7ec9; position:relative;top:-270px; height:1010px;" >
    <table cellpadding="0" cellspacing="0" style="position:relative;top:-140px; margin:0 auto; width:940px;">
    <tr>
    <td id="left_top" height="8" width="8"></td>
    <td id="centet_top" height="8"></td>
    <td id="right_top" height="8" width="8"></td>
    </tr>
    <tr>
    <td id="left_center" width="8"></td>
    <td id="center_center">


    </td>
    <td id="right_center" width="8"></td>
    </tr>
    <tr>
    <td id="left_bottom" height="8" width="8"></td>
    <td id="center_bottom" height="8" ></td>
    <td id="right_bottom" height="8" width="8"></td>
    </tr>
    </table>
    </div>
    </div>
    </body>
    </html>
     
  4. Phenom

    Phenom Гость

    что никто не знает как решить эту проблему?не подскажите?
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей