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
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

Computerskrift

Dette script er virkelig fedt. En tekst skriver sig selv et bogstav ad gangen.

Dette er et virkelig smart script med mange indstillingsmuligheder. Du kan stort set indstille alt selv. Du kan også vælge, at lade scriptet være, som det er og bare klippe det direkte ind på din side.

Javascript

Eksempel >>

 

Sådan gør du:

Koden indsættes i dit html-dokument, der hvor du vil have computerskrften. Se det færdige html-dokument herunder.

Definer selv værdier og tekst markeret med rødt.

I første linie indstilles afstand fra hhv. venstre kant og toppen. Længere nede skrives en linie for hver tekststykke du vil have til at scrolle over skærmen. Afsnittet med formattering af teksten tilpasses som beskrevet i de indsatte kommentarer. Til sidst tilpasser du skrivehastighed, tid imellem hver linie og tid inden scriptet starter forefra. Husk at alle disse tider er i tusindedele sekund.

Bredden på tekstboksen beregnes automatisk.

Det færdige html-dokument <html>

<head>
</head>

<body>

<!-- SCRIPT - computerskrift -->

<!-- her sættes afstand fra hhv. venstre og toppen -->
<div style="margin-left: 10" style="margin-top: 20">

<script language="JavaScript1.2">
<!--

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

//Tekster som skal scrolles. Tilføj eller slet lister som du vil.
var line=new Array()
line[1]="Dette er et fedt script"
line[2]="Du kan selv definere tekster og antal linier"
line[3]="Du kan endda selv indstille hastighed o.l."
line[4]="Tekster skrives et bogstav ad gangen"
line[5]="Fra @-begynder ... hvem ellers?"

//Indstil selv formattering af teksten her
var ts_fontsize="12px"    //definer antal px
var ts_font="arial"       //definer skrifttypen
var ts_color="#000000"    //definer farve til skrift
var ts_baggrund="#eeeeee" //definer farve til baggrund
var ts_fed="bold"         //vælg "bold" eller "normal"
var ts_border="1px solid #000000"  //Vælg tykkelse i px
                          //Vælg "solid" eller "none"
                          //Vælg farvekode

//Sæt skrivehastighed i tusindedele sekund. Fx 25 = 0,25 sek. imellem hvert bogstav
var skrivehastighed=25

//sæt antal tusindedele sekunder imellem hver tekst. Fx 2000 = 2 sek
var linieskift=1500

//sæt antal tusindedele sekunder inden scriptet starter forfra. Fx 5000 = 5 sek
var genstart=6000

//Du skal ikke ændre noget under denne linie
//------------------------------------------

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

//Sætter bredden automatisk
var tscroller_width=line[longestmessage].length

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

//Hvis 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: '+ts_baggrund+'; text-align: center; color: '+ts_color+'; font-family: '+ts_font+'; font-size: '+ts_fontsize+'; font-weight:bold; border: '+ts_border+'" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="\\"
//http://www.a-begynder.dk
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",linieskift)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",genstart)}
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()",skrivehastighed)}

//Hvis IE 4+ or NS6
//http://www.a-begynder.dk
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
</div>

<!-- SCRIPT - computerskrift - SLUT -->

</body>

</html>

Eksempel:

 

Hint:

Hvis du ikke vil centrere teksten som i eksemplet herover, skal du bare udskifte det øverste <div> tag, som ser sådan ud:

<div style="margin-left: 10" style="margin-top: 20">
 

med dette:

<div align="center">
 

 

Du har nu et rigtig fedt script til fx nyhedstekster o.l.
@-begynder ønsker tillykke :-)

 

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 ...!