简单的jspopmsgbox

最新推荐文章于 2021-07-01 22:33:32 发布

转载最新推荐文章于 2021-07-01 22:33:32 发布 · 625 阅读

文章标签：

#border #function #xhtml #table #html #c

javascript 专栏收录该内容

87 篇文章

订阅专栏

本文通过HTML和JavaScript实现了一个简单的弹窗效果，展示了如何使用内联样式和JavaScript函数来创建动态弹出窗口。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>

<BODY>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=/"border: 1 solid #000000/" width=/"220/" height=/"145/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/" background=/" http://droson.blogchina.com/inc/%7B3B5B5663-9EBB-49AF-9010-9C4CF8CCDAD9%7D.JPG /" >";
winstr+="<tr><td height=/"30/"> </td></tr><tr><td align=/"center/"><table width=/"90%/" height=/"110/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/">";
winstr+="<tr><td valign=/"top/" style=/"font-size:12px; color: #ffffff; face: Tahoma/">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow()
{
    if(popTop>1450)
    {
        clearTimeout(mytime);
        oPopup.hide();
        return;
    }
      if(popTop<150)
        oPopup.show(screen.width-145,screen.height,220,popTop);

    popTop+=10;
    var mytime=setTimeout("popshow();",100);
}
popmsg("<a href='#' onclick='parent.window.location.href=/"www.baidu.com/"'>sdflsjdflsdf</a>");
</SCRIPT>