webmaster - skrypty - TEKSTOWE

SKRYPTY TEKSTOWE

<span id="glowtext"><h1>Taki Sobie Swiecący Napis</h1></span><html>
<style>

</style>

/*
Glowing Text Script- 
Š Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>
<body bgcolor="#000000">

Efekt tekstu który podświetla się i wraca do standardowej postaci.

/*
Nudging text by Matthias (info@freejavascripts.f2s.com)
Modified by Dynamic Drive to function in NS6
For this script and more, visit http://www.dynamicdrive.com
*/
//configure message
message="Witam w dziale Skrypty!"
//animate text in NS6? (0 will turn it off)
ns6switch=1

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()
}
}

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

Efekt który tworzy falowanie się tekstu, można dostosować kolor, szybkość i wielkość tekstu.

function begmtxt(text,start_red,start_green,start_blue,end_red,end_green,end_blue)
{
 cr=new Array();
 cg=new Array();
 cb=new Array();
 c=0;
 t=text;
 l=text.length;
 for(j=0;j<l+1;j++)
   {
    cr[j]=start_red-j*(start_red-end_red)/(l-1);
    cg[j]=start_green-j*(start_green-end_green)/(l-1);
    cb[j]=start_blue-j*(start_blue-end_blue)/(l-1);
   }

for(j=0;j<l+1;j++)
   {
   cr[j+l]=cr[l-j];
   cg[j+l]=cg[l-j];
   cb[j+l]=cb[l-j];
   }
 animate();
}

function animate()
{
tn="";
for(i=0;i<l+1;i++)
  {
  cjred=cr[Math.abs(c-i)];
  cjgreen=cg[Math.abs(c-i)];
  cjblue=cb[Math.abs(c-i)]; 
  tn=tn+"<FONT COLOR='#"+DezToHex(cjred)+DezToHex(cjgreen)+DezToHex
(cjblue)+"'>"+t.substring(i,i+1)+"</FONT>";
  }

if (document.layers)
   {document.boc.document.writeln(tn);document.boc.document.close();}
    else
    {document.all.boc.innerHTML=tn;}
if(c==l*2){c=0}else{c=c+1};
setTimeout('animate()',0);
}
</script>

Tekst płynnie zmieniający kolor.

<STYLE>
.neonstyle {font-size:24px; font-weight:bold}
</STYLE>
<SCRIPT language="JavaScript1.2">
/*
Neon Lights Text
By Website Abstraction (http://wsabstract.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/
var message="Witam na mojej stronce !"
var neonbasecolor="#00006D"
var neontextcolor="#ED0000"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight" class="neonstyle">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</SCRIPT>

Nagłówek neon, można dowolnie go konfigurować.

/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/

var tickercontents=new Array()
tickercontents[0]='Looking for free Java applets and resources? Visit <a href="http://freewarejava.com">Freewarejava.com</a>!'
tickercontents[1]='Hop on over to <a href="http://www.codingforums.com">Coding Forums</a> to get help on web coding!'
tickercontents[2]='This scroller\'s brought to you by <a href="http://www.javascriptkit.com">JavaScript Kit</a>'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking
</script>

Bardzo fajny rozwijany tekst.

<body onload="startmotor(0)">
<script language="JavaScript1.2">
var size = 45;
var speed_between_messages=1500  
var tekst = new Array()
{
tekst[0] = "bardzo";
tekst[1] = "odjazdowy";
tekst[2] = "jest";
tekst[3] = "ten";
tekst[4] = "efekt";
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}
function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";
}
for(k=w;k<klaar+w;k++)
{ 
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output;
}
function startmotor(p){
if (!document.all)
return
var loop = motor(p);
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{
var time =setTimeout("startmotor(" +(p+1) + ")", 50);
}
}
</script> 
<div ID="idee"></div>

Bardzo odjazdowy efekt, polecam.

if(RHucko1<1)
	 {
	   cntIII=text.length-1;
		 T=50; // - Timer is Modified
	 }
	RHucko1+=1;
 }
 setTimeout("modifySpans();",T);
}
//-->
</script>
<style type="text/css">

</style>
</head>
<body>

Kolejny nagłówek, można dostosować go do wyglądu strony.

Wstaw w ramach HEAD

Wstaw w ramach BODY

//Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
//Updated for bug fixes
//Visit JavaScript Kit (http://javascriptkit.com) for script

//ENTER CONTENT TO SCROLL BELOW.
var content='<a>JavaScript Magic include more than 200 great Scripts and 300 pages and still it is underconstruction. JavaScript Magic make every atterpts to provide you with as much as scripts around the cyberspace</a>';

var boxheight=100;        // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=150;         // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#FFF6e9";   // BACKGROUND BOX COLOR.
var speed=50;             // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=2;          // PIXELS "STEPS" PER REPITITION.
var godown=false;         // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer  name="inner"  width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner"  style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

Tekst w tabelce płynący z dołu do góry.

var thissize=30
var textfont="times"
var i_color=0
var i_message=0

var textcolor= new Array()
textcolor[0] ="f26100"
textcolor[1] ="FFF8F8"
textcolor[2] ="f26100"
textcolor[3] ="FFD8D8"
textcolor[4] ="FFD0D0"
textcolor[5] ="f26100"
textcolor[6] ="FFC0C0"
textcolor[7] ="FFB8B8"
textcolor[8] ="f26100"
textcolor[9] ="FFA8A8"
textcolor[10] ="f26100"
textcolor[11] ="FF9898"
textcolor[12] ="FF9090"
textcolor[13] ="FF8888"
textcolor[14] ="f26100"
textcolor[15] ="FF7878"
textcolor[16] ="FF7070"
textcolor[17] ="f26100"
textcolor[18] ="FF6060"
textcolor[19] ="f26100"
textcolor[20] ="FF5050"
textcolor[21] ="FF4848"
textcolor[22] ="FF4040"
textcolor[23] ="FF3838"
textcolor[24] ="FF3030"
textcolor[25] ="FF2828"
textcolor[26] ="FF2020"
textcolor[27] ="FF1818"
textcolor[28] ="FF1010"
textcolor[29] ="FF0808"
textcolor[30] ="FF0000"
textcolor[31] ="ffcc00"
textcolor[32] ="f26100"

var message = new Array()
message[0]="kris4u"
message[1]="www.kris4u"
message[2]="www.kris4u.cba"
message[3]="www.kris4u.cba.pl"
message[4]="www.kris4u.cba"
message[5]="www.kris4u"
message[6]="ZAPRASZAM"

// - End of JavaScript - -->
</script>
</head>
<body onload=morecolor()>
<div id=zoomer></div>

Bardzo fajny efekt zmieniającego się tekstu i dający złudzenie mrugania.

/* Java Script Site
http://www.JavaZone.tk
skrypty JavaScript, php
oraz aplety Javy */

// your message here
var msg='Tutaj tekst';

var font='Verdana,Arial';
var size=3; // up to seven
var color='#000000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length; 
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
	if (ns){
	for (i=0; i < n; i++)
		document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
	}
	if (ie){
		document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
		for (i=0; i < n; i++)
			document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
			document.write('</div></div>');
	}
	(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
	ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
	xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
	y[i]=0;
	x[i]=0;
	Y[i]=0;
	X[i]=0;
}

function makecircle(){ // rotation properties
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
	for (i=0; i < n; i++){ // makes the circle
		var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
		d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
		d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval
	}
}

function drag(){ // makes the resistance
	scrll=(ns)?window.pageYOffset:0;
	y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
	x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
	for (var i=1; i < n; i++){
		y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
		x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
	makecircle();
	// not rotation speed, leave at zero
	setTimeout('drag()',10);
}
if (ns||ie)window.onload=drag;

// -->
</script>

Latający napis podążający za kursorem.

/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text="RAINBOW TEXT" // YOUR TEXT
var speed=80 // SPEED OF FADE

// ********** LEAVE THE NEXT BIT ALONE!

if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br><font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font><p></p>

Tekst zmieniający kolory.

<font style="color:black; font-family; arial">
<script language="JavaScript">
<!-- Begin
var speed = 0;
var cycledelay = 2000;
var maxsize = 20;

var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";

if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>"; 
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
   }
} 
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>"; 
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
   }
}
setTimeout("upwords()",speed);
//  End -->
</script>
</font>

Bardzo ciekawy sposób wyświetlania tekstu. TextZoom.

//How fast the animation is moveing
var speed=2000
//The first layer
var color="black"
//The Second layer
var color2="gray"
//The third layer
var color4="green"
//The visible layer
var color3="gold"
/*
! IMPORTANT !
 if you add more messages be sure to adjust the settings below to the amount of messages.
*/
//The amount of messages
amountmsg=3
//Your messages
var msg=new Array()
msg[1]=" WITAM "
msg[2]="ZAPRASZAM"
msg[3]="ŻEGNAM"
//DON'T EDIT BELOW THIS LINE

var currentmsg=0

function blaze(){
coder()
}

function coder(){

currentmsg=(currentmsg==amountmsg)?1:++currentmsg

var code="<font color='" + color + "' size=+4>" + msg[currentmsg] + "</font>"
var code2="<font color='" + color2 + "' size=+4>" + msg[currentmsg] + "</font>"
var code3="<font color='" + color3 + "' size=+4>" + msg[currentmsg] + "</font>"
var code4="<font color='" + color4 + "' size=+4>" + msg[currentmsg] + "</font>"

document.all.saying1.innerHTML=code
document.all.saying2.innerHTML=code2
document.all.saying3.innerHTML=code3
document.all.saying4.innerHTML=code4

setTimeout("coder()",speed)
}

window.onload=blaze
</script>

Tekst do wykorzystania na nagłówek, reklamę, newsa lub zamiast grafiki.

Wstaw w ramach HEAD

var textcolor= new Array()
textcolor[0]="EEEEEE"
textcolor[1]="DDDDDD"
textcolor[2]="CCCCCC"
textcolor[3]="AAAAAA"
textcolor[4]="888888"
textcolor[5]="666666"
textcolor[6]="555555"
textcolor[7]="444444"
textcolor[8]="333333"
textcolor[9]="222222"
textcolor[10]="111111"
textcolor[11]="000000"

var message = new Array()
message[0]="<a href=http://simplythebest.net>SimplytheBest.net</a>"
message[1]="The 'MORE INFO CHANNEL'"
message[2]="Clean look and feel, easy to browse"
message[3]="NO POPUP WINDOWS"
message[4]="The user friendly information library"
message[5]="with the popular <a href=http://simplythebest.net/shareware.html>Shareware & Freeware directory</a>"
message[6]="an <a href=http://simplythebest.net/affiliates/>Affiliate programs directory</a>"
message[7]="the <a href=http://simplythebest.net/info/dhtml_scripts.html>DHTML scripts and Javascripts library</a>!"
message[8]="the <a href=http://simplythebest.net/music/>Music directory</a> for artists and musicians"
message[9]="<a href=http://simplythebest.net/cgiscripts/>CGI scripts collection</a>"
message[10]="the new <a href=http://simplythebest.net/drivers/>Device Drivers</a> section"
message[11]="and more......"
message[12]="<img border=0 src=../images/smallhome.gif width=111 height=29>"

var i_blurstrength=10
var i_message=0
var i_textcolor=0

Wstaw w ramach BODY

Seria komunikatów, których sposób pojawiania sie przypomina trochę tworzony we flashu.

<script language="JavaScript1.2">

//--------------------------------------CUTOMISE----------------------------------------------

// Ticker Messages ( HTML Tags supported)
var qiksearch_ticker_text = new Array ("Qiksearch.com", "ScriptBreaker.com", "A complete JavaScript directory", "Intellisearch Bar FREE Download");

// Ticker Message URLs
var qiksearch_ticker_URL = new Array ("http://www.qiksearch.com", "http://www.ScriptBreaker.com", "http://www.ScriptBreaker.com", "http://www.qiksearch.com/intellisearch.htm");

// Ticker Message URLs' Target (1 for NEW WINDOW, 0 for SAME WINDOW)
var qiksearch_ticker_target = new Array ("0", "0", "0", "1");

var qiksearch_ticker_width = 390; // The width of the Ticker
var qiksearch_ticker_height = 25; // The height of the Ticker
var qiksearch_ticker_borderw=1; // Border width
var qiksearch_ticker_borderc="#808080"; // Border Color
var timeOutVal=200; // Delay in milliseconds
var isPause=false; // true if you want pause on mouseover, else false
                   // setting to true is a bit buggy

//--------------------------------------------------------------------------------------------

//-----------------------------DO-NOT-MODIFY-BELOW-THIS---------------------------------------

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var qiksearch_tickerObj;
var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);

// Setting qiksearch_tickerObj depending on Browser
function setTickerObj()
{
 if(ie4)
 {
  qiksearch_tickerObj=document.all.qiksearch_js_ticker;
 }
 if(ns6)
 {
  qiksearch_tickerObj=document.getElementById("qiksearch_js_ticker");
 }
}

// isPause Content
var isPauseContent;
if(isPause)
{
 isPauseContent=' onMouseOver="delay_timeOutVal();" onMouseOut="resume_timeOutVal();"';
}
else
{
 isPauseContent='';
}

if(ie4||ns6)
{
 document.write('<table' + isPauseContent + '  onMouseUp="goURL();" width="' + qiksearch_ticker_width + '" height="' +  qiksearch_ticker_height + '" style="cursor:pointer; background:#FFFFFF; border:' + qiksearch_ticker_borderw + 'px solid ' + qiksearch_ticker_borderc + '"><tr><td align="middle">');
 document.write('<div id="qiksearch_js_ticker">');
 document.write('</div>');
 document.write('</td></tr></table>');
}

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

// Fading Color code Generating function
function qiksearch_fade_desat(getColorIntVal)
{
 var returnVal;
 if(getColorIntVal>=10)
 {
  for(var i=0; i<=15; i++)
  {
   if((getColorIntVal==i))
   {
    returnVal = eval('def_' + i);
   }
  }
 }
 else
 {
  returnVal=getColorIntVal;
 }
 return(returnVal);
}

// Main
function writeDiv()
{
 if(ie4||ns6)
 {
  qiksearch_tickerObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font>' ;
 }
 if(ns4)
 {
  qiksearch_tickerObj=document.qiksearch_ticker_ns4;
  qiksearch_tickerObj.document.write('<table border="1" bordercolor="' + qiksearch_ticker_borderc + '"width="100%"><tr><td align="center"><a href="javascript:void(0);"' + isPauseContent + '  onMouseUp="javascript:goURL();"><font face="verdana,arial,helvetica" size="-1" color="#' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_ticker_text[div_count] +  '</b></font></a></td></tr></table>');
  qiksearch_tickerObj.document.close();
 }
 if((colorVal>0)  && (colorVal!=0))
 {
  colorVal--;
 }
 else
 {
  colorVal=15;
  if(div_count<qiksearch_ticker_text.length)
  {
   div_count++;
  }
  if(div_count==qiksearch_ticker_text.length)
  {
   setTimeout("resetAll()",timeOutVal);
   setTimeout("writeDiv()",timeOutVal);
  }
 }

if(div_count<qiksearch_ticker_text.length)
 {
  setTimeout("writeDiv()",timeOutVal);
 }
}

// Generating Final Hex Color
function joinColor(getColor)
{
 return (getColor + '0' + getColor + '0' + getColor + '0');
}

// Reset
function resetAll()
{
 div_count=0;
 colorVal=15;
}

// URL Navigation function
function goURL()
{
 if(qiksearch_ticker_target[div_count]=="0")
 {
  location.href=qiksearch_ticker_URL[div_count];
 }
 else
 {
  if(qiksearch_ticker_target[div_count]=="1")
  {
   window.open(qiksearch_ticker_URL[div_count]);
  }
 }
}

// Setting Delay on MouseOver and MouseOut
var temp_timeOutVal=timeOutVal;
function delay_timeOutVal()
{
 timeOutVal=100000000000000;
 setTimeout("writeDiv()",timeOutVal);
}

function resume_timeOutVal()
{
 timeOutVal=temp_timeOutVal;
 setTimeout("writeDiv()",timeOutVal);
}

setTickerObj(); 
window.onload=writeDiv;

if(ns4)
{
 document.write('<layer id="qiksearch_ticker_ns4" width="' + qiksearch_ticker_width + '" left="' + ticker_left_ns4 + '"></layer>');
}
</script>

Belka z zanikającymi napisami - linkami.

Marquee bardzo łatwa konfiguracja, oraz duże możliwości.

/********************************************************************************
Here are the variables you must set: (this is the only part you have to change)

Remember tho, if you wan't different size for the layers, different clip or anything
change that in the stylesheet.
*/

//The delay between the fades (in milliseconds) smaller value gives less time:
betweendelay=1100

//Do you wan't it to start over on the first one when it's gone trought all the news?
//(set to 0 if not)
var loop=1

//What font do you wan't it use?
FontFace='arial,helvetiva'

//What font-size (in pixel)?
FontSize=12

//Do you wan't it to fade out aswell? 1 for on, 0 for off
fadeback=1

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have upto 7 colors, set the ones you wan't use to 0
colors=new Array()
colors[0]='#C6E2F6'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'

//This is the news you wanna have, set the link and the text. If you don't wan't it to link anywhere
//use a # as the link
news=new Array()
//Copy there three lines and change the info and numbers to get more news.
news[0]=new Array()
news[0]["text"]="New scripts, www.ScriptBreaker.com is updated daily with more scripts!"
news[0]["link"]="http://www.ScriptBreaker.com"

news[1]=new Array()
news[1]["text"]="This is a demo of the News Slide Fader.  Compatible in IE5+ and NS6+ "
news[1]["link"]="http://www.ScriptBreaker.com"

}
function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){
	if(num<arguments.length && arguments[num]!=0){
		writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'
		+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'		
		this.writeref.innerHTML = writetext
                num++
		setTimeout(this.obj+'.fadeIt("'+text+'","'+link+'","'+font+'",'+size+','+speed+',"'
		+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)
	}else setTimeout('eval('+fn+')',betweendelay)
}
function fadeNews(num){
	if(num<news.length){
		fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
		colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])
	}else if(loop)fadeNews(0)
}
function fadeBack(num){
	if(num>=0){
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)
		+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])
	}
}
onload=fadeInit;
/*End of fadescript
**********************************************************************************/
</script>
<br><br>
<center>
<div id="divCont" style="position:relative; width:250; height:50;background-color:#C6E2F6;padding:6px 0px 0px 0px;">
	<div id="divNews" style="position:relative;font-weight:bold" valign=center>
	</div>
</div>
</center>

Zanikający tekst np. na nagłówek lub reklamę.

/********************************************************************************
Here are the variables you must set: (this is the only part you have to change)

Remember tho, if you wan't different size for the layers, different clip or anything
change that in the stylesheet.
*/

//The delay between the fades (in milliseconds) smaller value gives less time:
betweendelay=1000

//Do you wan't it to start over on the first one when it's gone trought all the news?
//(set to 0 if not)
var loop=1

//What font do you wan't it use?
FontFace='arial,helvetiva'

//What font-size (in pixel)?
FontSize=12

//Do you wan't it to fade out aswell? 1 for on, 0 for off
fadeback=1

//Set the colors, first color is same as background, last color is the color it stops at:
//You can have upto 7 colors, set the ones you wan't use to 0
colors=new Array()
colors[0]='#FFFFFF'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'

//This is the news you wanna have, set the link and the text. If you don't wan't it to link anywhere
//use a # as the link
news=new Array()
//Copy there three lines and change the info and numbers to get more news.
news[0]=new Array()
news[0]["text"]="New scripts, www.AceJS.com is updated daily with more scripts!"
news[0]["link"]="http://www.AceJS.com"

news[1]=new Array()
news[1]["text"]="Webmaster tools, counters, icons and much much more @ AceJS.com"
news[1]["link"]="http://www.AceJS.com"

/*Dont change anything below this!
*********************************************************************************/
fadeInit=new Function("oNews=new makeObj('divNews','divCont'); fadeNews(0)")
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
    this.writeref=(n) ? eval(nest+'document.'+obj+'.document'):eval(obj);		
	this.fadeIt=b_fadeIt
    this.obj = obj + "Object"; 	eval(this.obj + "=this")	
}
function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){
	if(num<arguments.length && arguments[num]!=0){
		writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'
		+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'
		if(n){this.writeref.write(writetext); this.writeref.close()}
		if(ie) this.writeref.innerHTML=writetext		
		num++
		setTimeout(this.obj+'.fadeIt("'+text+'","'+link+'","'+font+'",'+size+','+speed+',"'
		+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)
	}else setTimeout('eval('+fn+')',betweendelay)
}
function fadeNews(num){
	if(num<news.length){
		fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
		colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])
	}else if(loop)fadeNews(0)
}
function fadeBack(num){
	if(num>=0){
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)
		+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])
	}
}
onload=fadeInit;
/*End of fadescript
**********************************************************************************/
</script>
<div id="divCont" style="position:absolute; width:250; height:200; left:15; top:15">
	<div id="divNews" style="position:absolute">
		<script>//We gotta write something here so netscape will make it
		//be the correct size, but we will only write if it's a 4.x browser
		if(document.all || document.layers) document.write("dummy text, dummy"
		+"text, you can place you fist news or a welcome msg or something here." 
		+"If you place these layers inside a table or something you can also"
		+"use this as the msg that browsers that doesn't suport dhtml will see.")
		</script>
	</div>
</div>

Skrypt z ciekawym efektem zanikającego tekstu

<font face="Verdana"><h2><center><div id="colorsh" style="cursor:hand" ></div></center></h2></font>
<script>
background_color=	"FFFFFF" // use capital letters
text_color=		"000000" // use capital letters
message=		"ScriptBreaker Javascripts"

// no need to edit below this line
mesk=new Array();
mesk[10]="A";
mesk[11]="B";
mesk[12]="C";
mesk[13]="D";
mesk[14]="E";
mesk[15]="F";
A=10;
B=11;
C=12;
D=13;
E=14;
F=15;
let="ABCDEF";

function mes(num)
{
 if(let.indexOf(num) != -1)
 {
  return eval(num)
 }
 else
 {
  if(num < 10)
  {
   return eval(num)
  }
  else
  {
   return mesk[num]
  }
 }
}

mesh=new Array();
num3=0;
num4=0;
txt="";

shape();
</script>

Bardzo ciekawy, dynamicznie cieniowany tekst,do wykorzystania np. jako nagłówek.

/*
Alert-It Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com
This notice must stay intact
*/

//Customize your message here. Use any HTML desired:
var themsg='<span style="font:italic 22px Arial;color:red;"><b>Skrypty JS i DHTML do pobrania<a href="http://www.jakis_adres.pl" target="_new">tutaj_link</a></b></span>'
var speed=6 //speed of scroller (1-10 or more)
var loops=2 //specify number of times message scrolls across screen (an integer or "infinite")

function populatescroller(){
var windowwidth=iecompattest().clientWidth
document.getElementById("alertit").innerHTML=themsg
document.getElementById("alertit").style.width=windowwidth
document.getElementById("alertit").scrollAmount=speed
document.getElementById("alertit").scrollDelay=20
document.getElementById("alertit").loop=loops
document.getElementById("alertit").onfinish=function(){
document.getElementById("alertit").style.visibility="hidden"
}
}

function iecompattest(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

if (document.all && document.getElementById){
window.onload=populatescroller
window.onresize=populatescroller
}

</script>

Komunikat przewijający się w górnej części okna, z możliwością regulacji prędkości.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// your messages. Add as many as you like.
var messages = new Array()
messages[0] = "Transition effects are great!"
messages[1] = "They catch the eyes of your visitors"
messages[2] = "without wasting bandwidth and space."
messages[3] = "This scroller enhances the impact of your pages."
messages[4] = "Just copy and paste the code into your webpage."
messages[5] = "Configuration of messages and font proprieties is very easy."
messages[6] = "Try it and have fun!"
messages[7] = "Now it's time to say goodbye."
messages[8] = "Thank you for visiting www.24fun.com."
messages[9] = "And come back soon."

// the background-colors of your scroller. Add as many as you like.
var backgroundcolor=new Array("CCCCCC", "yellow", "CCFFFF", "AAEEFF", "CCFF88", "#505458")

// the font-colors of your messages. Add as many as you like.
var fntcolor = new Array("black","red","226622","0000FF")

// the font of your messages.
var fntfamily="Arial"

// the font-size (1 to 7)
var fntsize=3

// font-weight: set 1 for bold font, set 0 for normal font
var fntweight=1

// the width of the border (pixels)
var borderwidth=2

// the width of your scroller (pixels)
var scrollerwidth=200

// the height of your scroller (pixels)
var scrollerheight=80

// the horizontal position of your scroller (distance to the left margin of browserwindow)
var scrollerposition_x=10

// the horizontal position of your scroller (distance to the top margin of browserwindow)
var scrollerposition_y=10

// interval (time for each effect plus standstill time, seconds)
var interval=4

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var i_messages = 0
var timer
interval=interval*1000
if (fntweight==1) { 
    fntweight="<b>"
}
else {
    fntweight=""
}

function randomposition(range) {		
	return Math.floor(range*Math.random())
}

function dotransition() {
    if (document.all) {
        content.filters[i_messages].apply()
        content.innerHTML = "<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>"+fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>"
        content.filters[i_messages].play()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
	
	    if (document.layers) {
        document.nn.document.write("<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>")
		 document.nn.document.write(fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>")
		document.close()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
    timer = setTimeout("dotransition()",interval)   
}

if (document.all) {
    document.write('<DIV id=content style="position:absolute; top:'+scrollerposition_y+'px; left:'+scrollerposition_x+'px;  text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=3)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=3)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"><table width='+scrollerwidth+' height='+scrollerheight+' border='+borderwidth+' cellpadding=3 cellspacing=0><tr><td bgcolor='+backgroundcolor[randomposition(backgroundcolor.length)]+' align=center valign=middle> </td></tr></table></DIV>')
    window.onload=dotransition
}
if (document.layers) {
    document.write('<layer id=nn top='+scrollerposition_y+' left='+scrollerposition_x+'> </layer>')
    document.close()
    window.onload=dotransition
    }
    </script>

Skrypt do wykorzystania np. na reklamę lub nagłówek.

/*
Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
With modifications by Dynamicdrive.com
For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
*/

//Secify scroller contents
var line=new Array()
line[1]="Wpisz tekst"
line[2]="Skrypt możesz wykorzystać"
line[3]="na przedstawianie newsów"
line[4]="Prosty w modyfikacji"
line[5]="wygodny w rozbudowie"
line[6]="Zapraszam"

//Specify font size for scoller
var ts_fontsize="10px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}

nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>

Interesujący sposób wyświetlania tekstu.

<!-- ==

wytnij te znaczniki == -->

Podświetlane tło tekstu. Ciekawy sposób np. na sygnalizowanie nowości, ważnych tekstów na stronie.

pozycjonowanie stron | hosting | Projektowanie Stron Internetowych | crm | reklama internetowa