emad_67
یک شنبه 10 آذر 1387, 20:30 عصر
هر بار که موشواره حرکت میکند،مجبور به محاسبه عملیات ریاضی میشود و باعث لرزش صفحه.
راه حلی برای رفع لرزش به ذهنم نمیرسه. رندر ff همین جوریه فکر کنم دیگه. اما مثلا میتونی فقط اون کادر رو در نقطه ثابتی قرار بدی. مثلا وقتی موس رفت روی لینک در همون مکان موس ظاهر بشه و دیگه جاش تغییری نکنه.
کد رو به این شکل تغییر دادم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>barnamenevis</title>
<style type="text/css">
.content
{
position: absolute;
background-color:White;
border:1px solid #000;
width:100px;
height:100px;
display: none;
}
</style>
<script type="text/javascript" language="javascript">
<!--
// 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
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)
// Set-up to use getMouseXY function onMouseMove
// 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("content").style.left=tempX+"px";
document.getElementById("content").style.top=tempY+"px";
over();
return true
}
//-->
function over()
{
//document.getElementById("content").innerHTML=document.getElementById("hyper").title.toString();
document.getElementById("content").innerHTML=document.getElementById("hyper").innerHTML.toString();
document.getElementById("content").style.display="block";
}
function out()
{
document.getElementById("content").style.display="none";
}
</script>
</head>
<body>
<form id="frm" dir="ltr" action="mousePosition.htm">
hello to all of the memmbers of
<a href="http://barnamenevis.org/forum/showthread.php?t=132624" name="hyper" id="hyper"
onmouseout="out();" title="!">barnamenevis.org</a>
<div id="content" class="content">I LOVE U</div>
</form>
<script>
document.getElementById("hyper").onmouseover= getMouseXY;
</script>
</body>
</html>