Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000: Scrolls: News Scroller</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="Dion (yobo42@hotmail.com)">
<META NAME="section" CONTENT="Scrolls">
<META NAME="description" CONTENT="Scrolling words along the bottom of the page is cool and all, but this one takes the cake.... You can scroll text, links, images, buttons, basically anything you want, in a little news like box on your site. And, you can have as many 'messages' as you want. Amazing!">
<SCRIPT LANGUAGE="JavaScript">
var blank = "..img/blank.gif";
topedge = 130; // location of news box from top of page
leftedge = 10; // location of news box from left edge
boxheight = 150; // height of news box
boxwidth = 210; // width of news box
scrollheight = 240; // total height of all data to be scrolled
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 + 1) % (scrollheight + boxheight);
newsDiv.visibility='visible';
setTimeout("scrollnews(" + cliptop + ")", 150);
}
// End -->
</script>
</HEAD>
<BODY BGCOLOR=#ffffff vlink=#0000ff OnLoad="scrollnews(0)">
<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<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>
<!-- Your News Items are Here -->
Welkom op mijn fotopagina<br>
hier vind je mijn mooiste foto's<br>
en kan je berichten plaatsen in mijn gastenboek<br>
hier wordt de nieuwste updates<br>
van de site vermeld<br>
<a href="mailto:yobo42@hotmail.com">yobo42@hotmail.com</a>
<!-- End Of Your News Items -->
<BODY OnLoad="scrollnews(0)">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<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>
<!-- Your News Items are Here -->
This news scroller begins<br>
Displaying text and images<br>
From the bottom of the box<br>
And restarts when all the<br>
Information scrolls above<br>
The top of the box.<br><br>
Any HTML page content can<br>
Be used in this Javascript<br>
Scroller.<br>
<br>
<a href="mailto:yobo42@hotmail.com">yobo42@hotmail.com</a>
<!-- End Of Your News Items -->
</td>
</tr>
<tr>
<td>
<script language="javascript">
document.write('<img src=' + blank + ' width=1 height='+boxheight+'>');
</script>
</td>
</tr>
</table>
</div>
<!-- Script Size: 2.71 KB --></textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>
</table>
</form>
</FONT>
</CENTER>
</center>
</body></html>
wil ik in de linkste table
bij mij komt er alleen tekst en dus rekt dat tabel helemaal uit
ik ben niet zo'n held in html en had deze code van het internet
<html>
<head>
<!-- #BeginEditable "doctitle" -->
<title>Free Dreamweaver Templates from Entheosweb.com </title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html;">
<script language="JavaScript">
<!--
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<link rel="stylesheet" href="../styles.css" type="text/css">
</head>
<body bgcolor="#C0CDE4" onLoad="MM_preloadImages('../images/button1_f2.jpg','../images/button2_f2.jpg','../images/button3_f2.jpg','../images/button4_f2.jpg','../images/button5_f2.jpg')" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="116">
<tr>
<td valign="top" width="99%" bgcolor="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="116">
<tr>
<td bgcolor="#000000" valign="bottom" height="114"><img src="file:///C|/Users/jeroen/Documents/Mijn websites/personal/images/dominique/titel.jpg" width="965" height="98"></td>
</tr>
<tr>
<td valign="bottom" height="2" bgcolor="#000000"><img src="../images/spacer.gif" width="1" height="2"></td>
</tr>
</table>
</td>
<td valign="top" width="202" bgcolor="#003093"><span class="text"><img src="file:///C|/Users/jeroen/Documents/Mijn websites/personal/images/dominique/afb 1.jpg" alt="" width="201" height="149" /></span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="18" bgcolor="#000000">
<tr>
<td valign="top" nowrap><a href="../index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button1','','../images/button1_f2.jpg',1)" ><img name="button1" src="../images/button1.jpg" width="72" height="18" border="0"></a><a href="../html/album.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button2','','../images/button2_f2.jpg',1)" ><img name="button2" src="../images/button2.jpg" width="80" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button3','','../images/button3_f2.jpg',1)" ><img name="button3" src="../images/button3.jpg" width="72" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button4','','../images/button4_f2.jpg',1)" ><img name="button4" src="../images/button4.jpg" width="80" height="18" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button5','','../images/button5_f2.jpg',1)" ><img name="button5" src="../images/button5.jpg" width="87" height="18" border="0"></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="416">
<tr>
<td valign="top" bgcolor="#000000" height="394">
<table width="100%" border="0" cellspacing="0" cellpadding="25" height="100%">
<tr>
<td valign="top" width="100"><img src="../images/spacer.gif" width="100" height="1"></td>
<td valign="top" width="88%" class="text"> <!-- #BeginEditable "content" -->{content}<!-- #EndEditable --></td>
<td valign="top" width="100"><img src="../images/spacer.gif" width="100" height="1"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="middle" bgcolor="#F0F5FF" height="20" align="center" class="text">Copyright
© 2003 www.YourCompanyName.com. All Rights Reserved. Designed by <a href="http://www.entheosweb.com/" class="whitetext" target="_blank">Entheosweb.com
</a> </td>
</tr>
<tr>
<td valign="top" bgcolor="#5476C0" height="2"><img src="../images/spacer.gif" width="1" height="2"></td>
</tr>
</table>
</body>
</html>
grag advies
<marquee height="80" width="200" direction="up" scrollamount="1"
style="border: 1px dotted green; padding: 5px">
<h1>Welkom</h1>
<p>Welkom op mijn fotopagina:<br>
hier vind je mijn mooiste foto's<br>
en kan je berichten plaatsen in mijn gastenboek;<br>
hier worden de nieuwste updates<br>
van de site vermeld.</p>
</marquee>
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.