<!-- TWO STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // Your images. Add as many as you like var imgsname=new Array() imgsname[0]="istsample1.jpg" imgsname[1]="istsample2.jpg" imgsname[2]="istsample3.jpg" imgsname[3]="smil.gif" // Add a message for each image above var message=new Array() message[0]="WEB CLIPART: collections, tricks, tutorials, free tools from about.com. CLICK HERE." message[1]="WEB FUN: Link to an about.com expert who can tell you all about JavaScript. CLICK HERE." message[2]="WEB SPEED: Let SiteTools speed up your load time for free. CLICK HERE." message[3]="WEB SgS. Здесь вы найдёте мою страницу. CLICK HERE." // the links of your messages and images var messageurl=new Array() messageurl[0]="http://" messageurl[1]="http://" messageurl[2]="http://" messageurl[3]="http://www.zz-ss-zz.narod.ru" // the targets of the links // accepted values are '_blank' or '_top' or '_parent' or '_self' // or the name of your target-window (for instance 'main') var messagetarget=new Array() messagetarget[0]="_blank" messagetarget[1]="_blank" messagetarget[2]="_blank" messagetarget[3]="_blank" // font-color of messages var messagecolor= new Array() messagecolor[0]="yellow" messagecolor[1]="lightgreen" messagecolor[2]="orange" messagecolor[3]="darkviolet" // font-color of the messagecounter just below the scroller textcountercolor="khaki" // font-size of the messagecounter just below the scroller textcountersize=8 // distance of the scroller to the left margin of the browser-window (pixels) var scrollerleft=30 // distance of the scroller to the top margin of the browser-window (pixels) var scrollertop=10 // speed 1: lower means faster var pause=20 // speed 2: higher means faster var step=2 // font-size var fntsize=8 // font-family var fntfamily="Arial" // font-weight: 1 means bold, 0 means normal var fntweight=1 var imgpreload=new Array() for (i=0;i<=imgsname.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=imgsname[i] } // do not edit the variables below var scrollerwidth=238 var scrollerheight=20 var scrollerleft_in=scrollerleft+18 var scrollertop_in=scrollertop+182 var imagesleft=scrollerleft+18 var imagestop=scrollertop+13 var backgroundimagecontent var clipleft,clipright,cliptop,clipbottom var i_message=0 var timer var textwidth var textcontent="" var textcountercontent="" var imagecontent="" if (fntweight==1) {fntweight="700"} else {fntweight="100"} function init() { getcontent() if (document.all) { text.innerHTML=textcontent slideimages.innerHTML=imagecontent textcounter.innerHTML=textcountercontent textwidth=text.offsetWidth document.all.text.style.posTop=scrollertop_in document.all.text.style.posLeft=scrollerleft_in+scrollerwidth document.all.textcounter.style.posTop=scrollertop_in+26 document.all.textcounter.style.posLeft=scrollerleft_in+2 document.all.backgroundimage.style.posTop=scrollertop document.all.backgroundimage.style.posLeft=scrollerleft document.all.slideimages.style.posTop=imagestop document.all.slideimages.style.posLeft=imagesleft clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrolltext() } if (document.layers) { document.text.document.write(textcontent) document.text.document.close() document.slideimages.document.write(imagecontent) document.slideimages.document.close() document.textcounter.document.write(textcountercontent) document.textcounter.document.close() textwidth=document.text.document.width document.text.top=scrollertop_in document.text.left=scrollerleft_in+scrollerwidth document.textcounter.top=scrollertop_in+26 document.textcounter.left=scrollerleft_in+2 document.backgroundimage.top=scrollertop document.backgroundimage.left=scrollerleft document.slideimages.top=imagestop document.slideimages.left=imagesleft document.text.clip.left=0 document.text.clip.right=0 document.text.clip.top=0 document.text.clip.bottom=scrollerheight scrolltext() } } function scrolltext() { if (document.all) { if (document.all.text.style.posLeft>=scrollerleft_in-textwidth) { document.all.text.style.posLeft-=step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrolltext()",pause) } else { changetext() } } if (document.layers) { if (document.text.left>=scrollerleft_in-textwidth) { document.text.left-=step document.text.clip.right+=step if (document.text.clip.right>scrollerwidth) { document.text.clip.left+=step } var timer=setTimeout("scrolltext()",pause) } else { changetext() } } } function changetext() { i_message++ if (i_message>message.length-1) {i_message=0} getcontent() if (document.all) { slideimages.innerHTML=imagecontent text.innerHTML=textcontent textwidth=text.offsetWidth textcounter.innerHTML=textcountercontent document.all.text.style.posLeft=scrollerleft_in+scrollerwidth clipleft=0 clipright=0 document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrolltext() } if (document.layers) { document.slideimages.document.write(imagecontent) document.slideimages.document.close() document.text.document.write(textcontent) document.text.document.close() document.textcounter.document.write(textcountercontent) document.textcounter.document.close() textwidth=document.text.document.width document.text.left=scrollerleft_in+scrollerwidth document.text.clip.left=0 document.text.clip.right=0 scrolltext() } } function getcontent() { textcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>" textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">" textcontent+="<nobr><font color="+messagecolor[i_message]+">"+message[i_message]+"</font></nobr></a></span>" imagecontent="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">" imagecontent+="<img src='"+imgsname[i_message]+"' border='0'>" imagecontent+="</a>" var i_textcounter=i_message+1 textcountercontent="<span style='position:relative;font-size:"+textcountersize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>" textcountercontent+="<nobr><font color="+textcountercolor+">Сообщение "+i_textcounter+" из "+message.length+"</font></nobr></span>" } function changespeed(newspeed) { if (newspeed=="faster") { step=step+1 if (step>=20) {step=20} } else if (newspeed=="slower") { step=step-1 if (step<0) {step=0} } } window.onresize=init; // - End of JavaScript - --> </SCRIPT> <STYLE> A { text-decoration:none; } A:Hover { text-decoration:underline; } body{ overflow-x:hidden; overflow-y:scroll; } </STYLE> </head> <BODY onLoad="init()"> <DIV ID="backgroundimage" style="position:absolute;left:-2000px"><IMG SRC="gif/telik.gif" USEMAP="#textrighttoleft" BORDER=0> <MAP NAME="textrighttoleft"> <AREA SHAPE=RECT COORDS="145,204,168,226" HREF="#" onClick="changespeed('slower')"> <AREA SHAPE=RECT COORDS="234,204,259,225" HREF="#" onClick="changespeed('faster')"> </MAP></DIV> <DIV ID="text" style="position:absolute;left:-2000px"></DIV> <DIV ID="textcounter" style="position:absolute;left:-2000px"></DIV> <DIV ID="slideimages" style="position:absolute;left:-2000px"></DIV> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <!-- Script Size: ? KB -->
