Du bist nicht angemeldet.
25.06.2005, 15:28
Frame Maske Toturial
Das ist ein Toturial in dem lernt eine Maske für Frames zu erstellen.
Erlärung:
es wird nur ein kleiner Teil um die Maus der seite angezeigt. den Rest kann man nicht sehen. das kann man Z.B. für ein Spiel benutzen wie z.B. wenn man eine Seite nur weis macht und man darauf nur 1 Wort versteckt hat und man dieses finden muss.
Anleitung:
1. Folgendes Script in den <Head> einfügen.
2. Folgendes Script in den <Body> einfügen.
Erlärung:
es wird nur ein kleiner Teil um die Maus der seite angezeigt. den Rest kann man nicht sehen. das kann man Z.B. für ein Spiel benutzen wie z.B. wenn man eine Seite nur weis macht und man darauf nur 1 Wort versteckt hat und man dieses finden muss.
Anleitung:
1. Folgendes Script in den <Head> einfügen.
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script LANGUAGE="JavaScript">
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e){
Xmm = (isNav) ? e.pageX : event.clientX;
Ymm = (isNav) ? e.pageY : event.clientY;
if (isNav) {
document.layers.maske.top=Ymm-hoehe
document.layers.maske.left=Xmm-breite
}
else if (isNav==0) {
document.all.maske.style.pixelTop = Ymm-hoehe;
document.all.maske.style.pixelLeft = Xmm-breite;
}
} if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
|
2. Folgendes Script in den <Body> einfügen.
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script LANGUAGE="JavaScript">
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0; if (ns4up) {
breite = self.innerWidth;
hoehe = self.innerHeight;
document.write("<layer name='maske' top=0 left=0 visibility=inherit><img SRC='maske3.gif' NOSAVE height="+hoehe*2+" width="+breite*2+"></layer>")
}
if (ie4up) {
breite = document.body.clientWidth;
hoehe = document.body.clientHeight;
document.write("<div id='maske' style='POSITION:absolute; VISIBILITY:visible; TOP: 0px; LEFT: 0px'><img SRC='maske3.gif' NOSAVE height="+hoehe*2+" width="+breite*2+"></div>")
}
</script>
|
