Главная » 2010 » Апрель » 9 » По тексту бежит лазер (Javascript)
09.04.2010, 08:45

По тексту бежит лазер



На скриншоте вы ничего не поймете, поэтому ставим и смотрим.

Суть в том, что каждая буква вашего текста поочередно окрашивается в один и тот же цвет. Но все это происходит очень быстро. Поэтому, создается впечатление, что по тексту бежит луч лазера.

В head ставим это:

Quote
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- STEP I: Change, Replace or Ignore it -->
<style type="text/css">
A { text-decoration:none;}
A:link { COLOR: blue }
A:visited { COLOR: blue }
A:hover { COLOR: red;background-color:#66ffff; }
.tab {font-weight:bold; font-size:12px; font-family:Arial,Helvetica;text-align:center;}
.tajc {font-weight:bold; font-size:10px; text-align:left; font-family:Arial,Helvetica; color:navy;}
.tajj {font-weight:bold; font-size:10px; text-align:center; font-family:Arial,Helvetica; color:navy;}
</style>

<!-- STEP II: Goes between <HEAD> & </HEAD> tags
================================== -->
<script language="JavaScript">

/***********************************
* http://javascripts.vbarsan.com/
* This notice may not be removed
***********************************/

//Parameters:
//width of the Twinkler in pixels: set to your own;
var dwidth=420;
//height of the Twinkler in pixels: set to your own;
var dheight=200;
//speed: the higher the slower - set your own!
var dspeed=10;
//1.Background color: could be like: "#ffff00" or "yellow";
//set it "" for no background color;
var dbcolor="#ffffff";
//This is the STYLE for your message;
//modify it to your own or leave STEP I unchanged;
//var twiclass='class=tacj';
var twiclass='class=tajj';

//Message:
//Inside any message you MUST use \' in lieu of ';
mesaj='<font color="olive"><br />На InfoScript.ru вы можете: найти бесплатные php скрипты, бесплатные javascript скрипты, скрипты для ucoz, зайти на форум вебмастера
</font>';

//Algorithm
//===========
//For the scan to keep going on and on instead of underlining message, REMOVE
//first "//" below and set it in front of each of the next 4 rows from there on:

var kk=0;var kjk=0;var scant='';var wds=0;
function scaneer(){if(kk<=mesaj.length){
if(mesaj.charAt(kk)=="<"){kjk=1;wds=mesaj.length+1;}
if(mesaj.charAt(kk)==">"){wds=0;kjk=0;}
scant='';for(var jk=wds;jk<=mesaj.length;jk++){
if(kjk==0&&mesaj.charAt(jk)=="<"){kjk=1;scant+=mesaj.charAt(jk);}else
if(kjk==1&&mesaj.charAt(jk)==">"){kjk=0;scant+=mesaj.charAt(jk);}else
if(kjk==1)scant+=mesaj.charAt(jk);
if(kjk==0&&mesaj.charAt(jk)!=">"){
if(jk==kk)scant+='<b><font color="aqua">'+mesaj.charAt(kk)+'</font></b>';else scant+=mesaj.charAt(jk);}wds=0;}
if(wds==0){if(document.getElementById||document.all)iens6div.innerHTML=scant; else{ns4tw.document.write('<div '+twiclass+'>'+scant+'</div>');ns4tw.document.close();}}
if(kk<mesaj.length)kk++;

//else {kk=0;kjk=0;wds=0}

else{if(document.getElementById||document.all){
iens6div.innerHTML='<u><b>'+scant+'</b></u>';clearInterval(ttimer);}
else{ns4tw.document.write('<div '+twiclass+'><b><u>'+scant+'</u></b></div>');
ns4tw.document.close();clearInterval(ttimer);}}

}}
function scanner(){if(document.getElementById)iens6div=document.getElementById('scandiv');else if(document.all)iens6div=scandiv;else if(document.layers)ns4tw=document.twinmoveb0.document.twinmoveb1;ttimer=setInterval("scaneer();",dspeed);}
</script>
<!--End script between HEAD tags -->



Красное заменяем на свой текст.

В body дописываем onload="scanner();":

Code
<body onload="scanner();">

и вставляем это:

Code
<center>

<!-- STEP IV: Goes between <BODY ... > & </BODY> tags -->
<script language="JavaScript">document.write('<table border=1 CELLSPACING="0" align="center" CELLPADDING="0"><tr><td width='+dwidth+'>');if(document.all||document.getElementById){document.write('<div '+twiclass+' style="position:relative;width:'+dwidth+';height:'+dheight+';background-color:'+dbcolor+';"><span id="scandiv"></span></div>');}</script>
<ilayer id="twinmoveb0" width=&{dwidth}; height=&{dheight}; bgcolor=&{dbcolor};><layer id="twinmoveb1" width=&{dwidth}; height=&{dheight};></layer></ilayer></td></tr></table>
<!-- ==============  
  end code between BODY tags -->

</center>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3395 | Добавил: antisept | Рейтинг: 4.0/2 |
Теги: Бежит, лазер, тексту, По
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]