AMP версия сайта

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

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

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

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

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

    Обязательно вставьте в тэг код (редактировать нежелательно):

    <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll" >

    Добавьте в стили следующий код и описание шрифта (можно редактировать):

    <style>
    .spanstyle { position:absolute; visibility:visible; top:-50px; 
     font-size: 8pt; font-family: verdana; font-weight: bold; 
     color: #ff0000 }
    </style>
    

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

    <script type="text/javascript">
    <!-- Beginning of Javascript
    
    var x,y
    var step=8
    var flag=0
     
    var message="Программирование на Javascript " 
    // Фраза около мышки (обязательно после последней буквы поставить пробел)
    message=message.split("")
     
    var xpos=new Array()
    for (i=0;i<=message.length-1;i++) {
     xpos[i]=-50 }
     
    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
     ypos[i]=-50 }
     
    function handlerMM(e){
     x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
     y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
     flag=1 }
     
    function makesnake() {
     if (flag==1 && document.all) {
     for (i=message.length-1; i>=1; i--) {
     xpos[i]=xpos[i-1]+step
     ypos[i]=ypos[i-1] }
    
     xpos[0]=x+step
     ypos[0]=y
     
     for (i=0; i<message.length-1; i++) {
     var thisspan = eval("span"+(i)+".style")
     thisspan.posLeft=xpos[i]
     thisspan.posTop=ypos[i]
     }
     }
     
     else if (flag==1 && document.layers) {
     for (i=message.length-1; i>=1; i--) {
     xpos[i]=xpos[i-1]+step
     ypos[i]=ypos[i-1]
     }
     xpos[0]=x+step
     ypos[0]=y
     
     for (i=0; i<message.length-1; i++) {
     var thisspan = eval("document.span"+i)
     thisspan.left=xpos[i]
     thisspan.top=ypos[i] } }
     var timer=setTimeout("makesnake()",30) }
     
    // End of Javascript --></script>
    
    <script type="text/javascript">
    <!-- Beginning of Javascript 
     
    for (i=0;i<=message.length-1;i++) {
     document.write("<span id='span"+i+"' class='spanstyle'>")
     document.write(message[i])
     document.write("</span>") }
     
    if (document.layers){
     document.captureEvents(Event.MOUSEMOVE); }
    document.onmousemove = handlerMM;
     
    // - End of Javascript - -->
    </script>
    

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

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