作者whileloop (回圈)
看板Ajax
标题[问题] onmouseover的问题(JavaScript)
时间Fri Aug 28 10:54:45 2009
我在写一个随滑鼠座标位置,产生浮动视窗的网页.......(JavaScript)
利用区块连结(map)的属性加入onmouseover,达到滑鼠移到某区域就浮动显示图或网页
浮动图片显示方式:
show.innerHTML = '<div id="cursor" style="position:absolute; visibility:
visible">
<img src="' + Imgs[picUrl] + '" border=0></div>';
单纯只有这个产生的图片没有问题,但是若要用iframe的方式产生,有时候会失灵...
浮动网页显示方式:
show.innerHTML =
'<div id="cursor" style="position:absolute; visibility:visible">
<iframe name="TOP1" allowtransparency="true" src="' + WebPage[pageUrl] +
'" width="1124" height="800" marginwidth="0" marginheight="0" border="0"
frameborder="0" scrolling="yes"></iframe></div>';
所谓失灵的意思是:
滑鼠只移到要显示图片的地方都很正常,若要移到显示网页的地方有时候正常,若不正常
时再移到图片上,连图片也不会显示了。这时若按重新整理又会好了!
如果把追踪滑鼠的事件关掉,也就是固定显示在萤幕左上方,浮动图片或浮动网页可以正
常显示!
设定图片或网页跟随滑鼠座标显示的函式如下:
function MousetraceXY() //设定图随滑鼠移动的位置
{
document.all.cursor.style.left = event.x + 10;
document.all.cursor.style.top = event.y + 100;
}
请各位帮忙了!我不知道有什麽方法可以改善!XD
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.154.204
※ 编辑: whileloop 来自: 220.132.154.204 (08/28 10:56)