使用JavaScript在网页中弹出提示信息

最新推荐文章于 2023-02-14 14:50:47 发布

szy_jinn

最新推荐文章于 2023-02-14 14:50:47 发布

阅读量822

点赞数

文章标签： javascript border function div table html

本文链接：https://blog.csdn.net/szy_jinn/article/details/3062366

版权

<html>
    <head>
        <title>changethebgcolor</title>
        <script language="javascript">
            function hideTip()  
            {  
                var fm = getTipDiv();  
                if (fm != undefined) {  
                    fm.style.display = "none";  
                }  
            }  
 
            function showTip(message, e)  
            {  
                var fm = getTipDiv();  
                var posX,posY;  
                if (document.all) {  
                    posX = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;  
                    posY = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;  
                    } else if (e) {  
                    posX = document.body.scrollLeft + e.pageX;  
                    posY = document.body.scrollTop + e.pageY;  
                    } else {  
                    posX = 10;  
                    posY = 10;  
                }  
                var top = posY + 15;  
                var left = posX + 5;  
                fm.style.left = left + "px";  
                fm.style.top = top + "px";  
                fm.style.display = "";  
 
                fg = "#666666";
                bg = "#EAEAFF";
                tc = "#000000";
                font = "Verdana,Arial,Helvetica";
                var fg, bg, tc, tw, th, font = 0;
                var content =
                    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '" width="' + tw + '" height="' + th + '"><td>' +
                    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + '" width="' + tw + '" height="' + th + '">';
                content += '<td><font face="' + font + '" color="' + tc + '" size="-2">' + message + '</font></td>';
                content += '</table></td></table>';
                fm.innerHTML = content;  
 
            }  
            var getTipDiv = function() {  
                var id = "__popids";  
                var getObj = document.getElementById(id);  
                if (getObj != undefined)return getObj;  
                var div = document.createElement("DIV");  
                div.setAttribute("id", id);  
                div.cssText = "-moz-opacity:.8;";  
                div.style.display = "none";  
                div.style.position = "absolute";  
                div.style.top = "0px";  
                div.style.left = "0px";  
                div.style.filter = "alpha(opacity=80)";  
                document.body.appendChild(div);  
                return div;  
            }
        </script>
 
    </head>
 
    <body>
        <form>
             <a href=# οnmοuseοut="hideTip()" οnmοusemοve="showTip('<img src=images/mian11.jpg border=0><br/>可以是图片加文字',event)" >提示信息,显示图片与文字</b>   
        </form>
    </body>
</html>