[問題] onmouseover的問題 (JavaScript)
我在寫一個隨滑鼠座標位置,產生浮動視窗的網頁.......(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)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章