Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier

hjemmesider

scripts script scripting koder asp dhtml html java javascript javascripts css funktioner programmering web
tips tricks scripts script scripting funktioner søgemaskiner webhoteller layout webdesign server optimering html hjemmesider programmering web ftp

Hvis du finder fejl i vore links eller scripts, vil vi blive glade for en ...
Fejlmelding >>
scripts, scripting, script, koder, tips, tricks, asp, dhtml, html, java, javascript, javascripts, css, funktioner, password, login, brugerbeskyttelse, print, hjemmesider, hjemmeside, homepage, websted, websteder, webprogrammering, programmering, web
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Elevator - floating image

Bare indsæt din html-kode i scriptet og se dit objekt glide langsomt op og ned på siden.

Kan bruges på al html ... fx en "flyvende" menu, en reklame, et link, et billede med link, en gif eller ... kun fantasien sætter grænser. Scriptet er endvidere meget let at anvende.

Javascript

Eksempel >>

 

Sådan gør du:

Scriptet består af to dele. En <div> container, som indeholder html-kode til de elementer, du vil have til at flyde og selve scriptet. Begge dele indsættes direkte i din body.

 

Trin 1

Indsæt denne kode lige efter dit <body> tag:

<div id="point1" STYLE="position:absolute;visibility:visible;">
<!-- Her indsættes din html-kode -->
xxxxxx
<!-- Slut på html-kode -->
</div>

Erstat den røde tekst med din html-kode.

 

Trin 2

Herefter indsættes dette script i din body sektion:

<script LANGUAGE="JavaScript1.2">
<!-- Javascript starter her

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------


// Her kan du tilpasse scriptet
var XX=20;          // Afstand fra venstre
var xstep=1;        // Hvor mange pixel ad gangen
var delay_time=40;  // Hvor hurtigt


// Du skal IKKE ændre noget efter denne linie //
////////////////////////////////////////////////

var YY=0;
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
//http://www.a-begynder.dk

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}

function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}

if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
//http://www.a-begynder.dk
document.getElementById("point1").style.top=YY+ window.pageYOffset
}
}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

// javascript slutter her -->
</script>

Definer selv værdierne markeret med rødt. Du kan bl.a. bestemme afstand fra venstre kant på skærmen.

 

 

Det færdige html-dokument <html>

<head>
<title>Intro-side fra @-begynder ...</title>
</head>

<body>
<div id="point1" STYLE="position:absolute;visibility:visible;">
<!-- Her indsættes din html-kode -->
Denne tekst "flyder"
<!-- Slut på html-kode -->
</div>


<script LANGUAGE="JavaScript1.2">
<!-- Javascript starter her

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------


// Her kan du tilpasse scriptet
var XX=20;          // Afstand fra venstre
var xstep=1;        // Hvor mange pixel ad gangen
var delay_time=40;  // Hvor hurtigt


// Du skal IKKE ændre noget efter denne linie //
////////////////////////////////////////////////

var YY=0;
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
//http://www.a-begynder.dk

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}

function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}

if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
//http://www.a-begynder.dk
document.getElementById("point1").style.top=YY+ window.pageYOffset
}
}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

// javascript slutter her -->
</script>

</body>
</html>

Eksempel:

Du har sikkert allerede bemærket elevatoren i venstre side af af din skærm.
 

 

Bemærk:

Pas lidt på med brugen af dette script. Det kan virke forstyrrende for resten af indholdet på din side ... særlig hvis du sætter hastigheden for højt.

 

 

Held og lykke ...

 

Til toppen >>

powered by FreeFind
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Annoncer her ...!

 

Endnu et script fra
@-begynder