ria-web - study:javascript:event
https://as5202t-5748.myasustor.com/
2026-07-05T12:23:52+00:00ria-web
https://as5202t-5748.myasustor.com/
https://as5202t-5748.myasustor.com/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2008-04-23T04:13:08+00:00Anonymous (anonymous@undisclosed.example.com)mouse
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event:mouse&rev=1208923988&do=diff
Popup the image on which a mouse is rolled over
mouseの位置を取るjavascriptを利用して、あるイメージをpopupさせる方法を紹介する。
簡単だから、コードを見ながら説明する。
function showPopUp(id, e) {
e = e || window.event;
var cursor = {x:0, y:0};
if (e.pageX || e.pageY) {
cursor.x = e.pageX;
cursor.y = e.pageY;
}else { //IE
var de = document.documentElement; //Strict Mode(offset=2,2)
var b = document.body; //Quirks Mode(offset=0,0)
cursor.x = e.clientX +
(de.scrollLeft ||…