Летающий текст

баннеры,обои У НАС ЕСТЬ ВСЕ!

Объявление

наш форум новый! так что на нем пока всего еще маловато.регестрируйтесь www.willwandam.owitch.ru только регестрированные пользаватели могут брать что нибудь с этого форума!!! на форуме есть специальная программа!!!!!!!!!!!!!!!!!!!!!!!!!!!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



эффекты

Сообщений 1 страница 6 из 6

1

светящийся текст
Вставляем в <head>

код:

<STYLE>#glowtext {
filter: glow(color="#FFFF00",strength=5); WIDTH: 90%}</STYLE>

Остальное в <body>

код:

<SCRIPT language=JavaScript1.2>
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==5)
document.all.glowtext[which].filters[0].strength=3
else
document.all.glowtext[which].filters[0].strength=5//svweb
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==5)
document.all.glowtext.filters[0].strength=3
else
document.all.glowtext.filters[0].strength=5
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)//svweb.narod.ru
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing </SCRIPT>

<p align="center">

<FONT size=25><font color=#FF5309><SPAN id=glowtext>Ваш текст</SPAN></FONT>

0

2

летающий текст

код:

Вставляем в <body>

<script>
<!-- Beginning of JavaScript -

var mes = new Array()
mes[0]="Ваш текст "
mes[1]="Ваш текст "
mes[2]="Ваш текст "
mes[3]="Ваш текст"

var maxtextlength=30

var path= new Array(548,316,581,296,598,257,577,215,559,202,503,193,464,203,446,222,448,255,468,274,500,280,526,267,541,237,537,209,526,187,499,161,462,146,412,133,368,129,326,132,293,142,272,159,250,184,239,204,234,213,226,230,201,253,186,259,165,265,136,268,110,270,83,267,58,260,36,243,26,229,22,210,24,191,29,174,39,163,56,154,76,150,96,149,110,148,135,152,165,156,196,165,208,172,231,181,254,192,280,203,305,210,339,210,366,206,389,195,405,182,419,167,428,148,442,116,448,80,443,41,401,8,347,0,300,11,280,30,256,50,230,58,198,61,169,56,141,50,113,45,87,36,70,29,52,24,28,18,7,15)

var stoptime=2

var textfont="Courier New"
var textsize=18
var textcolor="#FFFF00"

var letterspace=10

var tickerleft=path[path.length-2]
var tickertop=path[path.length-1]
var timer
var finalxpos=tickerleft
var i_mes=0
var message=""
var i_path=0
var stoptimemilli=stoptime*stoptime+1000
var pathx= new Array()

if (document.layers) {
if (textsize>20) {textsize=6}
else if (textsize>20) {textsize=5}
else if (textsize>14) {textsize=4}
else if (textsize>10) {textsize=3}
else if (textsize>8) {textsize=2}
else if (textsize<=7) {textsize=1}
}

var ii=0
for (i=0;i<=path.length-1;i=i+2) {
pathx[ii]=path[i]
ii++
}

ii=0

var pathy= new Array()
for (i=1;i<=path.length-1;i=i+2) {
pathy[ii]=path[i]
ii++
}

var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
ypos[i]=-50
}

function makesnake() {
if (i_path<=pathx.length-1) {
    for (i=message.length-1; i>=1; i--) {
       xpos[i]=xpos[i-1]
    ypos[i]=ypos[i-1]
    }
    xpos[0]=pathx[i_path]
    ypos[0]=pathy[i_path]
    if (document.all) {
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.all.span"+(i)+".style")
        thisspan.posLeft=xpos[i]
        thisspan.posTop=ypos[i]
        }
    }
    if (document.layers) {
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.span"+i)
        thisspan.left=xpos[i]
        thisspan.top=ypos[i]
        }
    }
    i_path++
    timer=setTimeout("makesnake()",20)
}
else {
    clearTimeout(timer)
    endposition()
}
}

function endposition() {
    if (document.all) {
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.all.span"+(i)+".style")
        thisspan.posLeft=tickerleft+finalxpos
        thisspan.posTop=tickertop
        finalxpos+=letterspace
        }
    }
    if (document.layers) {
    for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.span"+i)
        thisspan.left=tickerleft+finalxpos
        thisspan.top=tickertop
        finalxpos+=letterspace
        }
    }
    timer=setTimeout("clearmessage()",stoptimemilli)
}

function clearmessage() {
    finalxpos=tickertop
    i_path=0
    for (i=0;i<=maxtextlength;i++) {
    xpos[i]=0
    }
    if (document.all) {
    for (i=0;i<=maxtextlength;i++) {
        var thisspan = eval("document.all.span"+i)
        thisspan.innerHTML=" "
        var thisspan = eval("document.all.span"+(i)+".style")
        thisspan.posLeft=xpos[i]=-50
    }
    }
    if (document.layers) {
    for (i=0;i<=maxtextlength;i++) {
        var thisspan = eval("document.span"+i+".document")
        thisspan.write("<p> </p>")
        thisspan.clear()
        thisspan = eval("document.span"+i)
        thisspan.left=50
    }
    }
    timer=setTimeout("changemessage()",2000)
}

function changemessage() {
    var messa=mes[i_mes]
    message=messa.split("")
    if (document.all) {
    for (i=0;i<=message.length-1;i++) {
        var thisspan = eval("document.all.span"+i)
        thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>"
    }
    }
    if (document.layers) {
    for (i=0; i<message.length-1; i++) {
        var thisspan=eval("document.span"+i+".document")
        thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>")
        thisspan.clear()
        }
    }
    i_mes++
    if (i_mes>=mes.length) {i_mes=0}
    finalxpos=tickertop
    i_path=0
    timer=setTimeout("makesnake()",1000)
}

// - End of JavaScript - -->
</script>

<style>.spanstyle {
LEFT: -5000px; POSITION: absolute; VISIBILITY: visible
}
</style>
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
<title>Летающий текст</title>
</head>

<body bgColor="#FFFFFF" onload="changemessage()">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=maxtextlength;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
    document.write(message)
    document.write("</span>")
}

// - End of JavaScript - -->
</script>

0

3

текст типа отражение в воде

Цвет текста и скорость волн можно изменить!

код:

<center>
<div id="text" style="width:60%; font-size:50pt; font-weight:bold;color:#FFFF00;
filter:Wave;">Ваш текст</div>
<script language="JavaScript">
function fanyol()
{
if(document.all.text.filters[0].freq > 5)
document.all.text.filters[0].freq = 2;
document.all.text.filters[0].freq += 1;
if(document.all.text.filters[0].phase > 5)
document.all.text.filters[0].phase = 1;
document.all.text.filters[0].phase += 5;
if(document.all.text.filters[0].strength > 5)
document.all.text.filters[0].strength = 4;
document.all.text.filters[0].strength += 1;
window.setTimeout("fanyol()",90);
}
fanyol();
</script></center>

0

4

ЭФФЕКТЫ С КУРСОРОМ!

цветные искорки кружатся вокруг курсора.

код:

<script language="JavaScript">
if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}
var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;//osw
var currStep = 0;
var Xpos = 1;
var Ypos = 1;

if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}

else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/8;
xBase = window.document.body.offsetWidth/8;
}
else if (document.layers)
{
yBase = window.innerHeight/8;
xBase = window.innerWidth/8;
}

if (document.all)
{
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{step=3;
  starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
  starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
  for (ai=0; ai < Clrs.length; ai++)
    {
     var c=Math.round(Math.random()*[ai]);
    }
    starsDiv.all[i].style.background=Clrs[c];
}
}

else if (document.layers)
{
for ( j = 0 ; j < 14 ; j++ )
{step = 3;
  var templayer="a"+j
  document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
  document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
  for (aj=0; aj < Clrs.length; aj++)
    {
     var c=Math.round(Math.random()*[aj]);
    }
    document.layers[templayer].bgColor=Clrs[c];
}
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
</script>

0

5

текст вокруг курсора

код:

<SCRIPT language=JavaScript>
if (document.all) {
yourLogo = " Ваш текст"; 
logoFont = "Monotype Corsiva";
logoColor = "#FFFF00" ;
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 300 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -60;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 10;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');<!--svweb.narod.ru-->
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
</SCRIPT>

0

6

курсор с хвостиком

код:

<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Courier New;
      font-weight:bold;
color:#FFFF00;
}
</style>

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

<script>
var x,y
var step=20
var flag=0

var message="Ваш текст Ваш текст " // Текст около мышки (обязательно после последней буквы пробел)
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)
}

</script>
<script>
<!-- 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>

</html>

0