/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Bevægelse at text i CSS!
Fra : Herbert Bredfjord


Dato : 11-09-01 11:19

Er der nogen der kan HJÆLPE!!
Som det ser ud nu, så bevæger texten sig fra venstra til det
uendelige til højre. Kan bevægelsen gegrenses til et bestemt
område på skermen, og kan texten gentages gang på gang på det
område ?

<html>
<HEAD>
<TITLE>Top2.</TITLE>
<script language=javascript>
<!--
function bevaegelse() {
if (document.all){
document.all.bevaeger.style.pixelTop+=0
document.all.bevaeger.style.pixelLeft+=4
setTimeout("bevaegelse()",20)
   }
}
// -->
</script>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<STYLE TYPE="text/css">
   #bevaeger{position:absolute;left:2;top:0;
->font-size:20pt;}
</STYLE>
</HEAD>
<body BGCOLOR="009900"onload="bevaegelse()">

<DIV ID="bevaeger"><FONT color="red"font face="Rimes New
Roman"font SIZE="4">Stin & Trina...</DIV>
</BODY>
</html>

MVH: Herbert

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Stoffer (17-09-2001)
Kommentar
Fra : Stoffer


Dato : 17-09-01 17:21

Dette script får teksten til at bevæge sig frem og tilbage:

<html>
<HEAD>
<TITLE>Moving script</TITLE>

<script language=javascript>
<!--

var index;

// bevaegelse flytter teksten skiftevis fra hoejre og venstre
// position er antallet af gange teksten er blevet flyttet
function bevaegelse(position) {
index = position + 0;
// Internet Explorer
if (document.all){
// Foerst flyttes teksten 100 gange til mod hoejre
if ( index < 100 ) {
document.all.bevaeger.style.pixelLeft+=4;
setTimeout("bevaegelse(++index)",20);
}
// Saa 100 gange mod venstre
else if ( index < 200 ) {
document.all.bevaeger.style.pixelLeft-=4;
setTimeout("bevaegelse(++index)",20);
}
// Her nulstilles antallet af flyt og der startes forfra
else if ( index == 200 ) {
index = 0;
setTimeout("bevaegelse(0)", 20);
}
}
}

// -->
</script>

<STYLE TYPE="text/css">
#bevaeger{position:absolute;left:50;top:50;font-size:20pt;}
</STYLE>

</HEAD>
<body BGCOLOR="#0E1A8D" onload="bevaegelse(0)">

<DIV ID="bevaeger"><FONT color="white" font face="Times New Roman">Bevaeger
scriptet sig?</DIV>
</BODY>
</html>

mvh
stoffer

"Herbert Bredfjord" <bredfjord@post.tele.dk> skrev i en meddelelse
news:9nkof6$h65$1@sunsite.dk...
> Er der nogen der kan HJÆLPE!!
> Som det ser ud nu, så bevæger texten sig fra venstra til det
> uendelige til højre. Kan bevægelsen gegrenses til et bestemt
> område på skermen, og kan texten gentages gang på gang på det
> område ?
>
> <html>
> <HEAD>
> <TITLE>Top2.</TITLE>
> <script language=javascript>
> <!--
> function bevaegelse() {
> if (document.all){
> document.all.bevaeger.style.pixelTop+=0
> document.all.bevaeger.style.pixelLeft+=4
> setTimeout("bevaegelse()",20)
> }
> }
> // -->
> </script>
> <META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
> <STYLE TYPE="text/css">
> #bevaeger{position:absolute;left:2;top:0;
> ->font-size:20pt;}
> </STYLE>
> </HEAD>
> <body BGCOLOR="009900"onload="bevaegelse()">
>
> <DIV ID="bevaeger"><FONT color="red"font face="Rimes New
> Roman"font SIZE="4">Stin & Trina...</DIV>
> </BODY>
> </html>
>
> MVH: Herbert
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408943
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste