DHTML Fenster - HTMLopen.de

Kompatibilität: Ms Internet Explorer, Netscape

Sehr interessante Demo, die eine unabhngige Fenster im Dokument kreiert. Diese Fenster kann Bilder, Text-Inhalte beinhalten und kann mit dem Mouse gesteuert werden.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML> <HEAD><TITLE>HTMLopen - Dynamic HTML Beispiele</TITLE> <SCRIPT>function tmt_scrollLayerBy(bersaglio, dx, dy, vel) { if (document.layers) { turi = document.layers[bersaglio]; var cl = turi.clip.left; var ct = turi.clip.top; var cr = turi.clip.right; var cb = turi.clip.bottom; var l = turi.left; var t = turi.top; turi.clip.left = cl + dx; turi.clip.top = ct + dy; turi.clip.right = cr + dx; turi.clip.bottom = cb + dy; turi.top = t - dy; turi.left = l - dx; } else { if (document.all) { turi = eval("document.all." + bersaglio + ".style"); if (turi.clip) { var clipv = turi.clip.split("rect(")[1].split(")")[0].split("px"); var ct = Number(clipv[0]); var cr = Number(clipv[1]); var cb = Number(clipv[2]); var cl = Number(clipv[3]); var l = turi.pixelLeft; var t = turi.pixelTop; } ncl = cl + dx; nct = ct + dy; ncr = cr + dx; ncb = cb + dy; turi.pixelTop = t - dy; turi.pixelLeft = l - dx; eval("turi.clip = 'rect(' + nct + ' ' +ncr + ' ' + ncb + ' ' + ncl +')'"); } } tmt_scrollalo = setTimeout("tmt_scrollLayerBy('" + bersaglio + "'," + dx + "," + dy + "," + vel + ")", vel); }function tmt_stopScroll() { if (tmt_scrollalo) { clearTimeout(tmt_scrollalo); } }if (document.layers) { origWidth = innerWidth; origHeight = innerHeight;} function reDo() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload();} if (document.layers) onresize = reDo; </SCRIPT></HEAD><BODY> <div id="scroller" style="position:absolute; width:50px; left: 130px; top: 160px"><div align="center"> <a href="#" onMouseOver="tmt_scrollLayerBy('scrollo',0,3,5)" onMouseOut="tmt_stopScroll()"><img name="scroller01" src="images/scroller01.gif" border="0" alt="Up"></a> <a href="#" onClick="location.reload()"><img name="scroller02" src="images/scroller02.gif" alt="beginning" border="0" vspace=12></a> <a href="#" onMouseOver="tmt_scrollLayerBy('scrollo',0,-3,5)" onMouseOut="tmt_stopScroll()"><img name="scroller03" src="images/scroller03.gif" border="0" alt="Down"></a> </div> </div><div id="scrollo" style="position:absolute; width:320px; height:200px; left: 280px; top: 150px; clip: rect(0 300 150 0)">HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> HTMLopen.de<BR> </div> </BODY> </html>

TextScroller mit dem Mouse