Эти переменные: Var край = ""; вар paneBack = TRUE; вар leftPaneShown = ложь; вар topPaneShown = ложь; Эти переменные связаны с некоторыми из технических требований, которые мы видели в третьей части серии. Когда панель (внутренняя DIV) прокрутил от левого края на страницу, эта переменная край присваивается значение "влево". Когда панель прокрутил сверху, вниз на страницу, переменная присваивается значение ", топ". Когда панель по-прежнему на краю или вернулась в край, переменной, paneBack используется для указания, так со значением верно.
Теперь, когда вы щелкните элемент BODY панель прокрутки должны от (в край). При нажатии панель, так как панель находится в передней части тела элемента, тело косвенно получает щелчок. Вы не хотите, чтобы панель для прокрутки назад, когда тело не нажал напрямую. Следующие две переменные выше, используются для этого. Первый (leftPaneShown) для панели с левого края. Второй (topPaneShown) для панели от верхнего края. Код для переключения справа и слева Здесь я говорю о коде отвечает за отображение внешний DIV и смещение внутренний DIV вправо и влево.
Я также говорить о сегменте кода, который удаляет панель со страницы. Переменные, используемые в настоящем разделе, являются: Вар х; вар TR; вар TL; вар processOnL = ложь; Переменная, Х представляет собой координату Х пикселя. Переменная, TR является вернулся с ID функции setInterval () при смещении панели справа. Переменная, TL является возвращается идентификатор функции setInterval () при смещении панели слева. В процессе сдвига панель вправо или влево, направление не может быть отменено, пока движение не будет завершено. Переменная, processOnL для этого используется.
Она первоначально установлена в ложь; его значение по умолчанию является ложным. DoShiftRight () Функция Функция doShiftRight () подготавливает страницу переложить панели справа. Эта функция: функция doShiftRight () {если ((== processOnL ложь) && (paneBack == верно)) {processOnL = TRUE; paneBack = ложь; . document.getElementById ('Calc') style.left = "-205px"; . х = document.getElementById ('Calc') style.left; х = ParseInt (х); //Верх панели document.getElementById ('Cont') style.top = "25%". //отобразить внешний DIV document.getElementById ('Конт ») style.display =" блок ". ТР = self.
setInterval ("shiftRight ()", 10); }} Заявления внутри функции doShiftRight () выполняются только при панели (внутренний элемент DIV) не находится в движении, а когда он находится внутри левого края (или вернулся в край). Тест в IF-условия заботится об этом. Первое утверждение в IF-блока задает переменную, processOnL к истине, это означает, что панель находится в движении или начать двигаться. Следующее утверждение устанавливает переменную, paneBack ложь, не означает, панель больше не на краю. Помните, что в проекте, атрибут CSS стиль имеет верхнюю и левую значения для внешнего DIV, как 0px.
Так что, когда веб-страница только что открылся, размещение наружной DIV находится на странице в области левой верхней клиента. Его дисплей недвижимости в то время не "ни один", так что не видел, и не занимают места; это не имеет никакого влияния на элементы, которые будут за ним. Следующее утверждение в функции дает внутренний DIV левый значение -205px. Это смещает внутреннюю DIV в мимической края. Это будут сдвинуты оттуда. Это для консистенции, чтобы убедиться, что смещение начинается с правильной позиции.
Следующее выражение ставит в верхней части наружной DIV элемента и все ее содержимое на 25% дальний вниз клиентской области. Внутренний DIV будут сдвинуты по горизонтали в пределах внешнего элемента DIV в этом положении. Любое положение присвоенное ему внешней DIV, внутренняя DIV принимает, а тот факт, что он находится внутри внешней DIV. Значение для позиции собственности внутреннего DIV является "относительно". При этом, изменяя значения левого и верхнего свойств внутренней DIV, вы переместите его в наружной DIV. На следующий оператор выводит внешний DIV.
После нашего кода, если отображается внешний DIV, также отображается внутренний DIV. Последнее утверждение в функции знаком (из предыдущих частей серии). ShiftRight () Функция Эта функция; это знакомо. Я только объяснить добавлены заявления. Функция shiftRight () {document.getElementById ('Calc') style.left = х. //остановить прокрутку вправо, если (х>