Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

пример сворачиваемого слоя

31K
27 августа 2008 года
Akkolt
23 / / 21.06.2008
Очень нужен пример сворачиваемого слоя, плавно выдвигающегося с лева на право (или с права на лево, направление движения не особо важно, это для изучения)
Я прочитал много статей для этого, как пользоваться clip я понял, как плавно выдвигать слой немного тоже понял, но не особо.
А как заполнять параграфы даже не смог нигде найти. :(
Очень нужен готовый пример такого слоя. Иначе я не пойму.
444
28 августа 2008 года
patison
323 / / 15.03.2007
JQuery чем не подходит. вот пример кода:
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="ui.draggable.js"></script>
    <script type="text/javascript" src="jquery.drag.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $("#jmak").click(function()
            {
                $("#d1").show("slow");
                $("#d2").slideDown("slow");

                $("button").show("slow");
                return false;
             });

            $("button").click(function()
            {
                $("#d1").hide("slow");
                $("#d2").slideUp("normal");

                $("button").hide();            
            });

         });
    </script>
</head>

<body>
    <div id="tab1" style="top: 10px;">
        <h1> <a id="jmak" href="#">Жмакни минйа =)</a> </h1>

        <div align=center id="d1" style="position: absolute; top: 180px; background-color: #bb3333; width:99%; height:50px; display: none;">
        <!--<font color="white" size=6>&hearts; - тибе :)</font>-->
        <font color="white" size=6>web2.0 rulezzz :)</font>

        </div>

        <div align=center id="d2" style="position: absolute; top: 230px; left: 8px; background-color: #bb3333; width:50px; height:500px; display: none;">
        </div>

        <button style="display: none;">Спрятадь</button>
    </div> 
</body>
</html>


Отсюда - http://jquery.com/ - качай либу.
31K
31 августа 2008 года
Akkolt
23 / / 21.06.2008
Большое спасибо, код понятен, но вот явя скрипт написан не для меня, но буду сараться понять. ещо раз спасибо =)
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог