Mostafa_Sabeti
شنبه 23 خرداد 1388, 10:23 صبح
کد html زیر رو در نظر بگیرید...
<div style="display: block; text-align: center;">
<img id="img" style="border:1px dotted yellow; position:absolute; display:none;" />
</div>
<div id="div_url" onMouseOver="show_img('img_url')" onMouseOut="
document.getElementById('img').style.display = 'none';
" style="border: 1px dashed white; margin: 10px; padding: 10px;" dir="rtl">
<a href="img.jpg" ID="img_url" >Click</a>
<p style="text-indent: 10px">
<Label ID="Label1">description</asp:Label>
</p>
</div>
اسکریپت زیر برای اون نوشته شده که یک کنترل ایمیج هنگام وارد شدن ماوس روی دیو در کنار پوینتر ماوس ظاهر شود.
<script type="text/javascript">
function move_img()
{
var temp = document.getElementsByTagName('body')[0].clientWidth;
document.getElementById('img').style.top = event.clientY + "px";
document.getElementById('img').style.right = temp - event.clientX + 50
document.getElementById('img').style.right += "px"
}
function show_img(obj)
{
document.getElementById('img').src = document.getElementById(obj).href;
document.getElementById('img').style.display = 'inline';
}
document.onmousemove=move_img;
</script>
<div style="display: block; text-align: center;">
<img id="img" style="border:1px dotted yellow; position:absolute; display:none;" />
</div>
<div id="div_url" onMouseOver="show_img('img_url')" onMouseOut="
document.getElementById('img').style.display = 'none';
" style="border: 1px dashed white; margin: 10px; padding: 10px;" dir="rtl">
<a href="img.jpg" ID="img_url" >Click</a>
<p style="text-indent: 10px">
<Label ID="Label1">description</asp:Label>
</p>
</div>
اسکریپت زیر برای اون نوشته شده که یک کنترل ایمیج هنگام وارد شدن ماوس روی دیو در کنار پوینتر ماوس ظاهر شود.
<script type="text/javascript">
function move_img()
{
var temp = document.getElementsByTagName('body')[0].clientWidth;
document.getElementById('img').style.top = event.clientY + "px";
document.getElementById('img').style.right = temp - event.clientX + 50
document.getElementById('img').style.right += "px"
}
function show_img(obj)
{
document.getElementById('img').src = document.getElementById(obj).href;
document.getElementById('img').style.display = 'inline';
}
document.onmousemove=move_img;
</script>