code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| <html>
<head>
<title>.::MOUSE::.</title>
<script language="JavaScript">
<!-- Begin
load=0;
function Mouse(e) { //deze functie zet 2 lijnen die: 1 hor en 1 vert, ze kruisen waar je muis staat
if (load==1) { // begin pas als hele page is geload
document.pic1.width=Math.max(document.body.clientWidth, document.body.scrollWidth);
var newtop = event.clientY + document.body.scrollTop;
if (newtop > document.body.clientHeight + document.body.scrollTop) newtop = document.body.clientHeight + document.body.scrollTop - 1;
div1.style.pixelTop=newtop;
document.pic2.height=Math.max(document.body.clientHeight, document.body.scrollHeight);
var newleft = event.clientX + document.body.scrollLeft;
if (newleft > document.body.clientWidth + document.body.scrollLeft) newleft = document.body.clientWidth + document.body.scrollLeft - 1;
div2.style.pixelLeft=newleft;
window.status = event.clientX+" × "+event.clientY;
}
}
num=1;
function Click(e) { // als je klikt blijven de lijnen staan in rood (onbeperkt aantal lijnen!)
num=num+2;
if (num==203) {
if(!confirm("Je hebt al 100 lijnen neergezet!\nWil je doorgaan?"))
location.reload();
}
num2 = num+1;
var div01 = "div"+num;
var div02 = "div"+num2;
var pic01 = "pic"+num;
var pic02 = "pic"+num2;
var width = Math.max(document.body.clientWidth, document.body.scrollWidth);
var height = Math.max(document.body.clientHeight, document.body.scrollHeight);
var left = event.clientX + document.body.scrollLeft;
var top = event.clientY + document.body.scrollTop;
if (left > document.body.clientWidth + document.body.scrollLeft)
var left = document.body.clientWidth + document.body.scrollLeft - 1;
if (top > document.body.clientHeight + document.body.scrollTop)
var top = document.body.clientHeight + document.body.scrollTop - 1;
var html = "<div id="+div01+" style='position:absolute; top: "+top+"; height: 1px;'>[img]rood.jpg[/img]</div><div id="+div02+" style='position:absolute; left: "+left+"; width: 1px;'>[img]rood.jpg[/img]</div>";
document.body.insertAdjacentHTML("BeforeEnd",html);
}
function Load() { // zet het divje met message in het midden
var left = (document.body.clientWidth / 2) - div0.style.pixelwidth;
var top = (document.body.clientHeight / 2) - div0.style.pixelheight;
div0.style.pixelleft = left;
div0.style.pixeltop = top;
}
document.onmouseover = Mouse;
document.onmousemove = Mouse;
document.onclick = Click;
// End -->
</script>
</head>
<body style="overflow: auto" leftmargin=0 topmargin=0 onload="load=1;Load();">
<div id="div0" style="position:absolute; left: 100px; top: 100px; height: 70px; width: 250px;"><font size=+4 color=white face=Verdana>Aqua Man</font></div>
<div id="div1" style="position:absolute; left: 0px; height: 1px;">[img]"blauw.jpg"[/img]</div>
<div id="div2" style="position:absolute; top: 0px; width: 1px;">[img]"blauw.jpg"[/img]</div>
</body>
</html> |
ok, dit is mijn scriptje. hij maakt 2 blauwe lijnen die op het punt waar je muis staat snijden, als je klikt
blijven deze lijnen in rood gewoon staan en kan je verder gaan.
dit werkt nog niet:
function Load() moet zorgen dat het divje in het midden van de pagina komt, maar dat gebeurt
nog niet
en de secret message werkt niet in div0. dit divje heeft een witte
text, die je niet ziet door de witte achtergrond. als je een lijn over
de tekst heen zet, moet de tekst zichtbaar worden (wit op een rode lijn is zichtbaar, toch?
) ik wil wel dat als je de er over heen gaat dat de blauwe lijnen over de tekst heen gaan,
zodat je niet als je met je blauwe lijn er overheen gaat kan zien wat de tekst is.
wat doe ik fout
2 swim or not 2 swim, that's the question
:strip_icc():strip_exif()/u/26196/Tweakers.jpg?f=community)
/u/20544/pelle-jjvv-bg.png?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
