<html> <head> <title>1</title> </head> <body><script> var uagent = navigator.userAgent.toLowerCase(); var is_safari = ( (uagent.indexOf('safari') != -1) || (navigator.vendor == "Apple Computer, Inc.") ); var is_ie = ( (uagent.indexOf('msie') != -1) && (!is_opera) && (!is_safari) && (!is_webtv) ); var is_ie4 = ( (is_ie) && (uagent.indexOf("msie 4.") != -1) ); var is_moz = (navigator.product == 'Gecko'); var is_ns = ( (uagent.indexOf('compatible') == -1) && (uagent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_safari) ); var is_ns4 = ( (is_ns) && (parseInt(navigator.appVersion) == 4) ); var is_opera = (uagent.indexOf('opera') != -1); var is_kon = (uagent.indexOf('konqueror') != -1); var is_webtv = (uagent.indexOf('webtv') != -1); var is_win = ( (uagent.indexOf("win") != -1) || (uagent.indexOf("16bit") !=- 1) ); var is_mac = ( (uagent.indexOf("mac") != -1) || (navigator.vendor == "Apple Computer, Inc.") ); var ua_vers = parseInt(navigator.appVersion); var selField = "center"; function getOffsetLeft(obj) { var top = obj.offsetLeft; while( (obj = obj.offsetParent) != null ) { top += obj.offsetLeft; } return top; }; function getOffsetTop(obj) { var top = obj.offsetTop; while( (obj = obj.offsetParent) != null ) { top += obj.offsetTop; } return top; }; function ins_w(element) { var buttonElement = document.getElementById(element); document.getElementById(element).focus(); if ( is_ie ) { document.getElementById(element).focus(); ie_range_cache = document.selection.createRange(); } iLeftPos = getOffsetLeft(buttonElement); return iLeftPos; }; function ins_h(element) { var buttonElement = document.getElementById(element); document.getElementById(element).focus(); if ( is_ie ) { document.getElementById(element).focus(); ie_range_cache = document.selection.createRange(); } return iTopPos = getOffsetTop(buttonElement)+ buttonElement.offsetHeight+10 ; }; function image_creat(val_id, src){ div_img = document.getElementById('div_imges'); div_img.style.visible = 'block'; while (div_img.firstChild)div_img.removeChild(div_img.firstChild); div_img.innerHTML = '<img src="'+src+'" />'; div_img.style.left = ins_w(val_id); div_img.style.top = ins_h(val_id); } </script> <table border="1" width="100%" id="center"> <tr> <td> <img border="0" src="http://imgl.yandex.net/i/www/logo1.png" onclick="image_creat(this.id, this.src)" id="q" width="178" height="120"></td> <td> <img border="0" src="http://imgl.yandex.net/i/www/logo1.png" onclick="image_creat(this.id, this.src)" id="qq" width="178" height="120"></td> <td> <img border="0" src="http://imgl.yandex.net/i/www/logo1.png" onclick="image_creat(this.id, this.src)" id="qwq" width="178" height="120"></td> <td> <img border="0" src="http://imgl.yandex.net/i/www/logo1.png" onclick="image_creat(this.id, this.src)" id="qwdq"width="178" height="120"></td> <td> <img border="0" src="http://imgl.yandex.net/i/www/logo1.png" onclick="image_creat(this.id, this.src)" id="qqqqq" width="178" height="120"></td> </tr> </table> <div style="position: absolute; width: 100px; height: 100px; z-index: 1; visible:none; left:729px; top:261px" id="div_imges"> </div> <p> </p> </body>