Kod
//http://www.codelifter.com/main/javascript/capturemouseposition1.html
// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
var DocumentName;
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)
// Set-up to use getMouseXY function onMouseMove
function StartMouse(DocName)
{
DocumentName = DocName;
document.onmousemove = getMouseXY;
}
function EndMouse()
{
document.onmousemove = false;
}
// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0
// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
document.getElementById(DocumentName).style.left = tempX-30;
document.getElementById(DocumentName).style.top = tempY;
return true
}
// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
var DocumentName;
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)
// Set-up to use getMouseXY function onMouseMove
function StartMouse(DocName)
{
DocumentName = DocName;
document.onmousemove = getMouseXY;
}
function EndMouse()
{
document.onmousemove = false;
}
// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0
// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
document.getElementById(DocumentName).style.left = tempX-30;
document.getElementById(DocumentName).style.top = tempY;
return true
}
A w HTML:
CSS:
Kod
.div {position: absolute;}
Pytanie:
Jak zrobić aby menu pojawiało się obok kursora a nie gdzieś indziej? (menu się rusza kiedy ruszam kursorem w poprawne strony)
Dziękuję, Babcia@Stefa