Мобильная версия

Электронная библиотека

  • Современные работы
  • Бесплатно скачать книги
  • Бесплатно скачать книги
  • Высшая алгебра, геометрия
  • Математический анализ, ТФ
  • Дифференциальные уравнения
  • Численные методы алгоритмы
  • Математическая физика
  • Теория чисел и множеств
  • Специальные темы, книги
  • Общая высшая физика
  • Другие популярные издания
  • Программисту веб-дизайнеру

  • Документация - HTML, XML
  • Статьи пресс-релизы обзоры
  • Веб-дизайнеру - JavaScript
  • Другие материалы

  • Авторское право - помощь
  • Полиграфия, печать цвет
  • Библиография, статьи
  • Библиотека: скачать готовые скрипты Javascript
    Изображение диагонально движется по экрану и отражается от его стенок

    Посмотрите на работу этого уже привычного скрипта на отдельной веб-странице (персональный компьютер).
    При помощи приводимого ниже клиентского сценария - скрипта Javascript - изображения диагонально движется по экрану и отражается от его стенок. Можно подключать любую картинку, возможно подключение анимированного файла .

    Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу после тэга <body> перед тэгом </body>.

    <div id="img" style="position:absolute;">
    <img src="img0001.gif" onMouseDown="pauseResume();">
    </div>

    <script language="javascript">
    <!-- Begin
    var step = 1;
    var delay = 30;
    var height = 0;
    var Hoffset = 0;
    var Woffset = 0;
    var yon = 0;
    var xon = 0;
    var pause = true;
    var interval;
    var name = navigator.appName;
    if(name == "Microsoft Internet Explorer") name = true;
    else name = false;
    var xPos = 20;
    if(name) var yPos = document.body.clientHeight;
    else var yPos = window.innerHeight;
    function changePos() {
    if(name) {
    width = document.body.clientWidth;
    height = document.body.clientHeight;
    Hoffset = img.offsetHeight;
    Woffset = img.offsetWidth;
    img.style.left = xPos + document.body.scrollLeft;
    img.style.top = yPos + document.body.scrollTop;
    }
    else {
    height = window.innerHeight;
    width = window.innerWidth;
    Hoffset = document.img.clip.height;
    Woffset = document.img.clip.width;
    document.img.pageY = yPos + window.pageYOffset;
    document.img.pageX = xPos + window.pageXOffset;
    }
    if (yon) { yPos = yPos + step;
    }
    else { yPos = yPos - step;
    }
    if (yPos < 0) { yon = 1; yPos = 0;
    }
    if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset);
    }
    if (xon) { xPos = xPos + step;
    }
    else { xPos = xPos - step;
    }
    if (xPos < 0) { xon = 1; xPos = 0;
    }
    if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset);
    }
    }
    function start() {
    if(name) img.visibility = "visible";
    else document.img.visibility = "visible";
    interval = setInterval('changePos()',delay);
    }
    function pauseResume() {
    if(pause) {
    clearInterval(interval);
    pause = false;
    }
    else {
    interval = setInterval('changePos()',delay);
    pause = true;
    }
    }
    start();
    // End -->
    </script>

    c 15/06/2015 страница посещена
    Counter.CO.KZ

    Мобильная версия

    Сайт для компьютера
    http://www.mat.net.ua