C Scroll

Voorbeeld BriefpapierC
Briefpapier met een bovenscroll en eventueel achtergrondplaatje
Klik hier om de zipfile te downloaden

<HTML><HEAD>
<STYLE>
body {
font-family: Arial; <lettertype>
font-weight: bold; <letterweergave>
font-size: 12pt; <lettergrootte>
color: #000000; <tekstkleur>
margin-left: 25px; <linkermarge>
margin-right: 5px; <rechtermarge>
margin-top: 315px; <bovenmarge>
background-color: #ffffff; <achtergrondkleur>
scrollbar-base-color: #FFFFFF; <kleur van de scrollbalk>
scrollbar-arrow-color: #000000 <kleur pijltje in de scrollbalk>
}
</STYLE>
</HEAD>

<BODY background="achtergrondplaatje.jpg"> <achtergrondplaatje>
Note:
Staat het plaatje in een andere map dan het htm-document of bewerk je het script rechtstreeks in de email, dan moet het hele pad vermeld worden.
Bijvoorbeeld:
Het plaatje heet koe_achter.jpg en staat in de map Images, deze map is een submap van Mijn Documenten. Dan ziet de verwijzing naar het plaatje er als volgt uit:
<BODY background="c:\Mijn Documenten\Images\koe_achter.jpg">

<DIV></DIV>
<HR style="DISPLAY: none">
<IMG id=pics
style="DISPLAY: none" src="scrollplaatje.jpg"> <scrollend plaatje>
Note:
Staat het plaatje in een andere map dan het htm-document of bewerk je het script rechtstreeks in de email, dan moet het hele pad vermeld worden.
Bijvoorbeeld:
Het plaatje heet koe.jpg en staat in de map Images, deze map is een submap van Mijn Documenten. Dan ziet de verwijzing naar het plaatje er als volgt uit:
<BODY background="c:\Mijn Documenten\Images\koe.jpg">

<DIV id=imageholder
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px">
<SCRIPT language=VBScript>
<!--
direction="left" REM CHANGE SCROLL DIRECTION HERE
sizew=300 REM SCROLLING IMAGE WIDTH HERE <breedte plaatje in pixels>
sizeh=300 REM SCROLLING IMAGE HEIGHT HERE <hoogte plaatje in pixels>
source=pics.src
tall=((screen.height\sizeh)+1)*2
wide=(screen.width\sizew)+1

if direction="up" then
max=tall
axis=sizeh
placement=0
reset=0
elseif direction="left" then
max=wide
axis=sizew
placement=0
reset=0
elseif direction="down" then
max=tall
axis=0
placement=-sizeh
reset=-sizeh
elseif direction="right" then
max=wide
axis=0
placement=-sizew
reset=-sizew
end if

document.write "<pre>"
for temp=0 to max
if direction="up" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="left" then
document.write "<img id=pics"&temp&" src>"
elseif direction="down" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="right" then
document.write "<img id=pics"&temp&" src>"
end if
document.all("pics"&temp).src=source
next
document.write "</pre>"

sub scroll()

if placement < axis then
setTimeout "move", 1
else
placement=reset
setTimeout "move", 1
end if
end sub

sub move()
if direction="up" then
imageholder.style.top=-placement
elseif direction="left" then
imageholder.style.left=-placement
elseif direction="down" then
imageholder.style.top=placement
elseif direction="right" then
imageholder.style.left=placement
end if
placement=placement+1
setTimeout "scroll", 1
end sub

scroll()

</SCRIPT>

<SCRIPT language=javascript>
<!--
var i=0;
var msg="";

var m1="Eigen tekst"; <tekst in de statusbalk>
var m2="Eigen tekst"; <tekst in de statusbalk>
var m3="Eigen tekst"; <tekst in de statusbalk>

function playtext()
{
setTimeout("playtext()",250);
window.status=msg.substring(i,msg.length)+msg.substring(0, i)
if(i++==msg.length)i=0;
}
msg=m1+m2+m3;
playtext();

</SCRIPT>
</DIV></BODY></HTML>

Handleidingen | Home