Jeg kan godt lide effekten i nedenstående JavaScript. Der er et kryds som
hele tiden følger curseren. Jeg ønsker JavaScriptet modificeret således at
krydset ligger nøjagtigt lige under pegefingeren (curseren). Ligeledes vil
jeg gerne have stregerne i krydset begge er 1 pixel tykke. Ihvertfald skal
de være lige tykke.
Er der en JavaScrip ekspert som kan hjælpe vil jeg være meget taknemmelig.
<HTML><HEAD>
<title>Crosshair</title>
<style>
<!--
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:black;
background-color:black;
z-index:100;
font-size:1px;
}
-->
</style>
</head>
<body bgcolor="#AAAAAA" text="#000000" link="#004080" vlink="#804080"
alink="#ff0000">
<!-- START CROSSHAIR -->
<div id="leftright"
style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown"
style="height:expression(document.body.clientHeight-2)"></div>
<script language="JavaScript1.2">
<!--
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}
function followmouse2(e){
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2
//-->
</script>
<!-- END CROSSHAIR -->
<table width="50%" align="center" border="1">
<tr><td align="center" valign="middle" width="33%"><font size="4"
face="Arial">CROSSHAIR </font></td></tr>
</table>
<br>
<tr><td colspan=2>
<table width="100%" border="1">
<tr align=center valign=top>
<td><a target=_blank href="/e.shtml"><img src="../images/b01.gif"
height="90" width="130"><br><b>billed 1</b></a></td>
<td><a target=_blank href="/cr.shtml"><img src="../images/b02.gif"
height="90" width="130"><br><b>billed 2</b></a></td>
<td><a target=_blank href="/ft.shtml"><img src="../images/b03.gif"
height="90" width="130"><br><b>billed 3</b></a></td>
<td><a target=_blank href="/hy.shtml"><img src="../images/b04.gif"
height="90" width="130"><br><b>billed 4</b></a></td>
<td><a target=_blank href="/aan.shtml"><img src="../images/b05.gif"
height="90" width="130"><br><b>billed 5</b></a></td>
<td><a target=_blank href="/lbi.shtml"><img src="../images/b06.gif"
height="90" width="130"><br><b>billed 6</b></a></td></tr>
<tr align=center valign=top>
<td><a target=_blank href="/bge.shtml"><img src="../images/b07.gif"
height="90" width="130"><br><b>billed 7</b></a></td>
<td><a target=_blank href="/ial.shtml"><img src="../images/b08.gif"
height="90" width="130"><br><b>billed 8</b></a></td>
<td><a target=_blank href="/m.shtml"><img src="../images/b09.gif"
height="90" width="130"><br><b>billed 9</b></a></td>
<td><a target=_blank href="/bk.shtml"><img src="../images/b10.gif"
height="90" width="130"><br><b>billed 10</b></a></td>
<td><a target=_blank href="/la.shtml"><img src="../images/b11.gif"
height="90" width="130"><br><b>billed 11</b></a></td>
<td><a target=_blank href="/bi.shtml"><img src="../images/b12.gif"
height="90" width="130"><br><b>billed 12</b></a></td></tr>
<tr align=center valign=top>
<td><a target=_blank href="/ce.shtml"><img src="../images/b13.gif"
height="90" width="130"><br><b>billed 13</b></a></td>
<td><a target=_blank href="/a.shtml"><img src="../images/b14.gif"
height="90" width="130"><br><b>billed 14</b></a></td>
<td><a target=_blank href="/py.shtml"><img src="../images/b15.gif"
height="90" width="130"><br><b>billed 15</b></a></td>
<td><a target=_blank href="/intl.shtml"><img src="../images/b16.gif"
height="90" width="130"><br><b>billed 16</b></a></td>
<td><a target=_blank href="/k.shtml"><img src="../images/b17.gif"
height="90" width="130"><br><b>billed 17</b></a></td>
<td><a target=_blank href="/mm.shtml"><img src="../images/b18.gif"
height="90" width="130"><br><b>billed 18</b></a></td></tr>
</table>
</td></tr>
</center>
</body>
</html>