Autor Zpráva
tomek
Profil *
ahoj, nemá někdo ponětí, jak udělat kurzor jako vodorovnou čáru asi tak 200px širokou - jako třeba v kreslicích editorech... Normální kurzor jde udělat jen asi 32px. Dík za radu
Fred
Profil
Upravený zdroj http://dynamicdrive.com/dynamicindex13/crosshair.htm
bohužel to nefunguje s doctypem ještě mám někde chybu
<style type="text/css">
.hair{
position:absolute;
font-size:1px;
background:black;
top:-10px;
left:-10px;
height:1px;
width:1px;
}
</style> <!-- script briana gosselina dynamicdrive.com nejede s doctypem -->
<script type="text/javascript">
var d=document;
var xhair,yhair;
var IE=(navigator.userAgent.indexOf("MSIE")!=-1)?true:false;
function resize(){xhair.style.width=d.body.clientWidth;yhair.style.height=d.bod y.clientHeight;}
function movehairs(evnt){
var ox=d.body.scrollLeft;
var oy=d.body.scrollTop;
var mx=(IE)?event.clientX+10:evnt.pageX+10;
var my=(IE)?event.clientY+10:evnt.pageY+10;
xhair.style.top=my+oy;
xhair.style.left=ox;
yhair.style.top=oy;
yhair.style.left=mx+ox;
}
function init(){xhair=d.getElementById('xhair');yhair=d.getElementById('yhair') ;d.onmousemove=movehairs;resize();}
function addEvent(obj,evType,fn){ //thanx to http://www.scottandrew.com/weblog/articles/cbs-events
if(obj.addEventListener){obj.addEventListener(evType,fn,true);return true;}
else if(obj.attachEvent){var r = obj.attachEvent("on"+evType, fn);return r;}
else{return false;}}
addEvent(window,'load',init);
addEvent(window,'resize',resize);
</script>
</head>
<body>
<div id="xhair" class="hair"></div>
<div id="yhair" class="hair"></div>
Yuhů
Profil
nevím, nic mě nenapadá. Ten výše uvedený kód (díky, Frede) bych asi používal jenom v nouzi.
tomek
Profil *
Díky přátelé, asi to vyřeším jinak...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0