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

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

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

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

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

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

    Обязательно указание команды: <body onload="start()" onunload="stop()">
    Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место.

    <script language="Javascript">

    bname=navigator.appName;
    bversion=parseInt(navigator.appVersion)
    if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
    if (bname=="Netscape"){
    brows=true
    dt=1
    }
    else{
    brows=false
    dt=50
    }
    var z=0;
    var msg=0;
    var rgb=0;
    var status=true;
    var updwn=false;
    var message= new Array();
    var value=0;
    var timer1;
    var timer2;
    var timer3;
    var convert = new Array()
    var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

    var bgcolor="#ffffff"; //Color of background
    var color="#0000FF"; //Color of the Letters

    message[0]='<font size=4 ><B>Интересные титры и анимация<B></font>'
    message[1]='<font size=4 ><B>Эффективно и забавно работает<B></font>'
    message[2]='<font size=4 color=#0000AA><B>Поддержка тэгов и HTML-кодов<B></font>'
    message[3]='<font size=4><B><a href="http://www.mat.net.ua/" TARGET=_blank>Нажимай на эту ссылку, работает</a><B></font>'
    message[4]='<IMG src="img0102.jpg" border=1 width=199 height=135>'

    for (x=0; x<16; x++){
    for (y=0; y<16; y++){
    convert[value]= hexbase[x] + hexbase[y];
    value++;
    }
    }

    redx=color.substring(1,3);
    greenx=color.substring(3,5);
    bluex=color.substring(5,7);
    hred=eval(parseInt(redx,16));
    hgreen=eval(parseInt(greenx,16));
    hblue=eval(parseInt(bluex,16));
    eredx=bgcolor.substring(1,3);
    egreenx=bgcolor.substring(3,5);
    ebluex=bgcolor.substring(5,7);
    ered=eval(parseInt(eredx,16));
    egreen=eval(parseInt(egreenx,16));
    eblue=eval(parseInt(ebluex,16));
    red=ered;
    green=egreen;
    blue=eblue;

    function start(){
    if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
    if (brows)
    res=document.layers['textanim'].top
    else
    res=textanim.style.top
    updwn=true;
    timer1=window.setInterval('up()',dt)
    }
    }

    function stop(){
    if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
    window.clearInterval(timer1);
    window.clearInterval(timer2);
    window.clearTimeout(timer3);
    }
    }

    function breakf(){
    if (status){
    window.clearInterval(timer1);
    window.clearInterval(timer2);
    window.clearTimeout(timer3);
    status=false
    return;
    }
    else{
    if (updwn)
    timer1=window.setInterval('up()',dt)
    else
    timer2=window.setInterval('down()',dt)
    status=true;
    }
    }

    function up(){
    if (red<hred){
    if ((red+15)<hred){
    red+=15;
    redx = convert[red]
    }
    else{
    red=hred
    redx = convert[red]
    }
    }

    if (red>hred){
    if ((red-15)>hred){
    red-=15;
    redx = convert[red]
    }
    else{
    red=hred
    redx = convert[red]
    }
    }

    if (green<hgreen){
    if ((green+15)<hgreen){
    green+=15;
    greenx = convert[green]
    }
    else{
    green=hgreen
    greenx = convert[green]
    }
    }

    if (green>hgreen){
    if ((green-15)>hgreen){
    green-=15;
    greenx = convert[green]
    }
    else{
    green=hgreen
    greenx = convert[green]
    }
    }

    if (blue<hblue){
    if ((blue+15)<hblue){
    blue+=15;
    bluex = convert[blue]
    }
    else{
    blue=hblue
    bluex = convert[blue]
    }
    }

    if (blue>hblue){
    if ((blue-15)>hblue){
    blue-=15;
    bluex = convert[blue]
    }
    else{
    blue=hblue
    bluex = convert[blue]
    }
    }

    rgb = "#"+redx+greenx+bluex;
    if (brows){
    document.layers['textanim'].document.linkColor=rgb;
    document.layers['textanim'].document.vlinkColor=rgb;
    document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
    document.layers['textanim'].document.close();
    }
    else{
    textanim.document.linkColor=rgb;
    textanim.document.vlinkColor=rgb;
    textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'
    }
    if (z<19){
    if (brows)
    document.layers['textanim'].top-=2
    else
    textanim.style.posTop-=2
    z++
    }
    else
    {
    updwn=false;
    window.clearInterval(timer1);
    timer2=window.setInterval('down()',dt)
    }
    }

    function down(){
    if (red<ered){
    if ((red+15)<ered){
    red+=15;
    redx = convert[red]
    }
    else{
    red=ered
    redx = convert[red]
    }
    }

    if (red>ered){
    if ((red-15)>ered){
    red-=15;
    redx = convert[red]
    }
    else{
    red=ered
    redx = convert[red]
    }
    }

    if (green<egreen){
    if ((green+15)<egreen){
    green+=15;
    greenx = convert[green]
    }
    else{
    green=egreen
    greenx = convert[green]
    }
    }

    if (green>egreen){
    if ((green-15)>egreen){
    green-=15;
    greenx = convert[green]
    }
    else{
    green=egreen
    greenx = convert[green]
    }
    }

    if (blue<eblue){
    if ((blue+15)<eblue){
    blue+=15;
    bluex = convert[blue]
    }
    else{
    blue=eblue
    bluex = convert[blue]
    }
    }

    if (blue>eblue){
    if ((blue-15)>eblue){
    blue-=15;
    bluex = convert[blue]
    }
    else{
    blue=eblue
    bluex = convert[blue]
    }
    }

    rgb = "#"+redx+greenx+bluex;
    if (brows){
    document.layers['textanim'].document.linkColor=rgb;
    document.layers['textanim'].document.vlinkColor=rgb;
    document.layers['textanim'].document.writeln('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
    document.layers['textanim'].document.close();
    }
    else{
    textanim.document.linkColor=rgb;
    textanim.document.vlinkColor=rgb;
    textanim.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>'
    }
    if (z<38){
    if (brows)
    document.layers['textanim'].top-=2
    else
    textanim.style.posTop-=2
    z++
    }
    else
    {
    if (brows){
    document.layers['textanim'].document.writeln('')
    document.layers['textanim'].document.close();
    }
    else
    textanim.innerHTML='';
    window.clearInterval(timer2);
    if(msg<message.length-1){
    msg++;
    z=0;
    if (brows)
    document.layers['textanim'].top=res;
    else
    textanim.style.top=res;
    timer3=window.setTimeout('start()',100);
    }
    else
    {
    msg=0;
    z=0;
    if (brows)
    document.layers['textanim'].top=res;
    else
    textanim.style.top=res;
    timer3=window.setTimeout('start()',2000);
    }
    }
    }
    }

    // done hiding -->

    </script></p>
    <div id="textanim" onclick="breakf()" style="LEFT: 20; POSITION: absolute; TOP: 100px">

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

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

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