Pohyblivý text

01.12.2009 16:30

Pohyblivý text vytvoríme pomocou javascriptu:

Ukážka

<script language="JavaScript1.2">
//configure message
message="HTML - Kódy ľahko a jednoducho"
//nas text (0 will turn it off)
ns6switch=1

var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Your message is to short")
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:black"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>

Ukážka

message="HTML - Kódy ľahko a jednoducho"  tak do úvodzoviek si dáme text aký chceme.

style="color:black" black nahradíme vlasntou farbou.


 

Späť

Pohyblivý text

Dátum
Vložil
Titulok

GregoryRab Gregorylap

Жаль, что сейчас не могу высказаться - очень занят. Вернусь - обязательно выскажу своё мнение.

Dátum
Vložil
Titulok

Gregorychats GregorySeawl

Благодарю за информацию.

Dátum
Vložil
Titulok

cialis alternative cialiswithdapoxetine.com

&lt;a href=&quot;https://cialiswithdapoxetine.com/#&quot;&gt;cialis generic&lt;/a&gt; cialis dosage

Dátum
Vložil
Titulok

buy cialis online cialiswithdapoxetine.com

&lt;a href=&quot;https://cialiswithdapoxetine.com/#&quot;&gt;cialis pills&lt;/a&gt; cialis alternative

Dátum
Vložil
Titulok

cialis dosage cialiswithdapoxetine.com

buy cialis online https://cialiswithdapoxetine.com/

Dátum
Vložil
Titulok

buy cialis online cialiswithdapoxetine.com

cialis tablets https://cialiswithdapoxetine.com/

Dátum
Vložil
Titulok

generic cialis cialiswithdapoxetine.com

https://cialiswithdapoxetine.com/ generic cialis

Dátum
Vložil
Titulok

cialis price cialiswithdapoxetine.com

&lt;a href=&quot;https://cialiswithdapoxetine.com/#&quot;&gt;buy cialis online&lt;/a&gt; buy cialis online

Dátum
Vložil
Titulok

cialis 20mg cialiswithdapoxetine.com

https://cialiswithdapoxetine.com/ cialis tablets

Dátum
Vložil
Titulok

cialis online cialiswithdapoxetine.com

https://cialiswithdapoxetine.com/ cialis online

1 | 2 >>

Vyhľadávanie

© 2009 Všetky práva vyhradené.

Vytvorte si web zdarma! Webnode