Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Rullande text 1

 

 

 

 

 

 

Steg 1:
Lägg koden inom <HEAD>


<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Dion (yobo42@hotmail.com) -->
<!-- Web Site: http://www.iinet.net.au/~biab/ -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

// byt sökvägen nedan om du lägger bilden i annan mapp
var blank = "blank.gif";

topedge = 130; // avstånd från sidans topp
leftedge = 10; // avstånd från vänster
boxheight = 150; // höjd på textboxen
boxwidth = 210; // bredd på textboxen
scrollheight = 240; // totala höjden på all text som scrollas
textspeed = 3; // hastighet på texten som scrollas

function scrollnews(cliptop) {
if (document.layers) {
newsDiv = document.news;
newsDiv.clip.top = cliptop;
newsDiv.clip.bottom = cliptop + boxheight;
newsDiv.clip.left = 0;
newsDiv.clip.right = boxwidth + leftedge;
newsDiv.left = leftedge;
newsDiv.top = topedge - cliptop;
}
else {
newsDiv = news.style;
newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
newsDiv.pixelLeft = leftedge;
newsDiv.pixelTop = topedge - cliptop;
}
cliptop = (cliptop + textspeed) % (scrollheight + boxheight);
newsDiv.visibility='visible';
setTimeout("scrollnews(" + cliptop + ")", 150);
}
// End -->
</script>

</head>

 

Steg 2:
Lägg koden inom <BODY>

<BODY OnLoad="scrollnews(0)">

 

Steg 3:
Koden för den rullande texten

<div ID="news" style="position:absolute; visibility:hidden;
top:1; left:1; height:600;
clip:rect(10,100,100,10); border-width:0px;">
<table border=0 cellpadding=1 cellspacing=0 bgcolor="white">
<tr>
<td>
<script language="javascript">
document.write('<img src=' + blank + ' width=1 height='+boxheight+'>');
</script>
</td>
</tr>
<tr>
<td>

<!-- Din text skriver du här -->

Det här är en textbox som<br>
även kan visa bilder:<br>
<img src="tmdata_logo.gif" width="200" height="45"><br>
Den startar om när all<br>
information når toppen<br>
av textboxen.<br><br>
Du kan använda valfri<br>
HTML-kod i den här textboxen<br>
Toppen!<br>

<!-- Slut på området med text -->

</td>
</tr>
<tr>
<td>
<script language="javascript">
document.write('<img src=' + blank + ' width=1 height='+boxheight+'>');
</script>
</td>
</tr>
</table>
</div>

 

Steg 4:
Spara bilden nedan

 

 

Till förra sidan!