Mausverfolger mit Sternen (7)

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Mausverfolger mit Sternen (7)

Beitrag von Hape »

Code: Alles auswählen

<script type="text/javascript">
<!-- ©powered by www.pagemuffel.de
BildAnzahl = 3
lastBild = 1
BildDauer = 1000
BildAbstand = 50
erstesBild = "/00stern.gif"
zweitesBild = "/00stern.gif"
drittesBild = "/00stern.gif"

//Ab hier nichts mehr &auml;ndern
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all

var posX, posY, lastX, lastY, BildAnzahl, lastBild, BildDauer, BildAbstand, erstesBild
lastX = 0
lastY = 0

function Bild(e) {

posX = getMouseXPos(e)
posY = getMouseYPos(e)
if (posX>(lastX+BildAbstand)||posX<(lastX-BildAbstand)||posY>(lastY+BildAbstand)||posY<(lastY-BildAbstand)) {
showBild(posX,posY)
lastX = posX
lastY = posY
}
}

function getMouseXPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageX+10)
} else {
return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
}
}

function getMouseYPos(e) {
if (document.layers||ns6) {
return parseInt(e.pageY)
} else {
return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
}
}

function showBild(x,y) {
var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
if (lastBild >= BildAnzahl) {lastBild = 0}
eval(docbitK + "bilder" + lastBild + docbitendK + stylebitK + ".left = " + processedx)
eval(docbitK + "bilder" + lastBild + docbitendK + stylebitK + ".top = " + y)
eval(docbitK + "bilder" + lastBild + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
if (eval("typeof(BildDauer" + lastBild + ")")=="number") {
eval("clearTimeout(BildDauer" + lastBild + ")")
}
eval("BildDauer" + lastBild + " = setTimeout('hideBild(" + lastBild + ")',BildDauer)")
lastBild += 1
}

function hideBild(knum) {
eval(docbitK + "bilder" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function Bildbegin(){
if (docLayers) {
document.captureEvents(Event.MOUSEMOVE)
document.onMouseMove = Bild;
} else {
document.onmousemove = Bild;
}
}

if (document.all||document.getElementById||document.layers){
for (k=0;k<BildAnzahl;k=k+2) {
document.write('<div id="bilder' + k + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + erstesBild + '" alt="" border="0"><\/div>\n')
document.write('<div id="bilder' + (k+1) + '" style="position:absolute;top:0px;left:0px;visibility:hidden;"><img src="' + zweitesBild + '" alt="" border="0"><\/div>\n')
}
}
window.onload=Bildbegin;

//-->
</script>
Demoseite: https://hapes-javascript-demo-page.hpag ... erne7.html
Dateianhänge
00stern.gif
00stern.gif (11.28 KiB) 5188 mal betrachtet

Antworten