Печатающее устройство - Форум « SHalbuz-Dag - Территория, исполнения заветных желаний!!!
Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
Страница 1 из 11
Модератор форума: Khufu 
Форум » Скрипты » Эффекты..., трюки... » Печатающее устройство
Печатающее устройство
« Azzazil666 » Дата: Среда, 23 Июнь 2010, 11:33:07 | Сообщение # 1
Князь - Мира Сия
Azzazil666
«Администратор»
Сообщений: 416
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

В общем, текст печатается.... скрипт простецкий - смотрите ДЕМО

Между head и /head

CSS:

Code
    <style type="text/css">
  body{
   font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   margin:0px;

  }
     #myContent, #myContent blink{
         width:100%;
         height:200px;
         background:none;
         color: #0000FF;
         font-family:courier;
     }     
     blink{
         display:inline;

     }
     #ads{
      margin-top:20px;
     }
     </style>

JS:
Code
    <script type="text/javascript">
/************************************
* Этот - сценарий, и много других,  *
* Вы найдёте на нашем сайте:        *
* http://shalbuzdag-666.ucoz.ru/    *
************************************/      
     var charIndex = -1;
     var stringLength = 0;
     var inputText;
     function writeContent(init){
      if(init){
       inputText = document.getElementById('contentToWrite').innerHTML;
      }
         if(charIndex==-1){
             charIndex = 0;
             stringLength = inputText.length;
         }
         var initString = document.getElementById('myContent').innerHTML;
   initString = initString.replace(/<SPAN.*$/gi,"");
          
         var theChar = inputText.charAt(charIndex);
         var nextFourChars = inputText.substr(charIndex,4);
         if(nextFourChars=='<BR>' || nextFourChars=='<br>'){
          theChar  = '<BR>';
          charIndex+=3;
         }
         initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
         document.getElementById('myContent').innerHTML = initString;

         charIndex = charIndex/1 +1;
   if(charIndex%2==1){
              document.getElementById('blink').style.display='none';
         }else{
              document.getElementById('blink').style.display='inline';
         }
                  
         if(charIndex<=stringLength){
             setTimeout('writeContent(false)',150);
         }else{
          blinkSpan();
         }   
     }
      
     var currentStyle = 'inline';
     function blinkSpan(){
      if(currentStyle=='inline'){
       currentStyle='none';
      }else{
       currentStyle='inline';
      }
      document.getElementById('blink').style.display = currentStyle;
      setTimeout('blinkSpan()',500);
       
     }
     </script>

В тело страницы:
Code
<div id="myContent">
</div>
<div id="contentToWrite" style="display:none">
Логин : username

Пароль : ****** ********** ********** ***

Войти
</div>
<script type="text/javascript">
writeContent(true);
</script>

 
Форум » Скрипты » Эффекты..., трюки... » Печатающее устройство
Страница 1 из 11
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2016 ()
уЧётчик сайта