VPF::AngularJS aнимация - Форум программистов

Areostar

Дата 5.8.2014, 13:05 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1191
Регистрация: 5.4.2008

Репутация: нет
Всего: -2

пытаюсь по клику переменно показывать два дива

Код


<div class="workspace" id="workspace" ng-controller="PhotographyCtrl">
    <div ng-show="div_state == 1">
        <div class='bigFoto'> <img src='images/main.png' /></div>
        <div class="enter"><a href="#" ng-click="onEnter()">Enter</a></div>
    </div>
    <div ng-show="div_state == 2">
        <div class="gallery">
            <table>
                <tr><td></td><td><img src="images/small.png" class="trumb" ng-click="onSingle()" /></td><td><img src="images/small.png" class="trumb" ng-click="onSingle()" /></td></tr>
                <tr><td></td><td><img src="images/small.png" class="trumb" ng-click="onSingle()" /></td><td><img src="images/small.png" class="trumb" ng-click="onSingle()" /></td></tr>
                <tr><td><img src="images/small_fon.png" /></td><td><img src="images/small.png" class="trumb" ng-click="onSingle()" /></td><td><img src="images/small.png" ng-click="onSingle()" /></td></tr>
            </table>
        </div>
        <div class="menu"><table><tr><td>EDITORIAL</td><td>EXHIBITION</td><td>COMMERCIAL</td><td>PORTRAIT</td><td>VIDEO</td><td>CONTACT</td></tr></table></div>
    </div>

Код


   var photographyApp = angular.module("photographyApp", []);

    photographyApp.controller("PhotographyCtrl", function($scope) {
        $scope.div_state = 1;
        $scope.onEnter = function(){
            $scope.div_state = 2;
        }
    
        }
    });

Работаетю ео мне надо чтоб исчезали и появлялись они постепенно(с анимацией)

Как это сделать средствами ангуляра??

Если можно по подробней.

Aliance

Дата 5.8.2014, 15:01 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

По средствам CSS 3 анимаций. Пример

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »