一个弹出页面的徐徐升起的js效果
<HTML>
<HEAD>
<title>提醒信息</title>
<base target="_blank">
<SCRIPT language="JavaScript">
??? window.resizeTo(220,210);
??? var windowW=220? // wide
??? var windowH=210? // high
??? var Yoffset=0?? // in pixels, negative values allowed
??? var windowStep=2 // move increment (pixels)
??? var moveSpeed=12 // move speed (larger is slower)
??? var Xoffset=25;
??? var windowX = (screen.width/2)-(windowW/2);
??? windowX=screen.availWidth-Xoffset-windowW;
??? var windowY = (screen.availHeight);
??? var windowYstop = windowY-windowH-Yoffset;
??? var windowYnow = windowY;
??? window.focus ();
??? resizeTo(windowW,windowH);
??? moveTo(windowX,windowY);
??? function movePFW() {
???????? if (document.all) {
???????????? if (windowYnow>=windowYstop) {
???????????????? moveTo(windowX,windowYnow);
???????????????? //self.focus();
???????????????? windowYnow=windowYnow-windowStep;
???????????????? timer=setTimeout("movePFW()",moveSpeed);
???????????? } else {
???????????????? clearTimeout(timer);
???????????????? setTimeout("moveBack()",120000 )
???????????????? moveTo(windowX,windowYstop);
???????????? }
???????? } else {
???????????? moveTo(windowX,windowYstop);
???????? }
??? }
??? function moveBack() {
???????? if (document.all){
???????????? if (windowYnow<=windowY){
???????????????? moveTo(windowX,windowYnow);
???????????????? windowYnow=windowYnow+windowStep;
???????????????? timer1=setTimeout("moveBack()",moveSpeed);
???????????? } else {
???????????????? clearTimeout(timer1);
???????????????? moveTo(windowX,windowY);
???????????????? self.close()
???????????? }
???????? } else {
???????????? moveTo(windowX,windowYstop);
???????????? self.close()
???????? }
??? }
</SCRIPT>
</HEAD>
<body bottomMargin="0" bgColor="#ffffcc" leftMargin="5" topMargin="0" οnlοad="movePFW()" rightMargin="0">
<form name="Form1" method="post" action="this.htm" id="Form1">
? <FONT face="宋體">
??????? <TABLE id="Table1" style="WIDTH: 180px; HEIGHT: 176px" cellSpacing="0" cellPadding="0" border="0">
????????? <TBODY>
??????????? <TR>
????????????? <TD class="td"></TD>
????????????? <TD class="td"><HR width="100%" color="#006699" SIZE="1"></TD>
??????????? </TR>
??????????? <TR>
????????????? <TD class="td" vAlign="top" height="100%"></TD>
????????????? <TD class="td" vAlign="top" height="100%"><span><br>⊙歡迎你第一次使用！</span></TD>
??????????? </TR>
??????????? <TR>
????????????? <TD width="8"></TD>
????????????? <TD></TD>
??????????? </TR>
????????? </TBODY>
??????? </TABLE>
????? </FONT>
??? </form>
? </body>
</HTML>
本文使用Blog_Backup未注冊(cè)版本導(dǎo)出，請(qǐng)到soft.pt42.com注冊(cè)。
轉(zhuǎn)載于:https://www.cnblogs.com/zjypp/archive/2007/05/26/2319509.html
總結(jié)
以上是生活随笔為你收集整理的一个弹出页面的徐徐升起的js效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 女子直播间抽中免单被禁言拉黑 直播间致歉
- 下一篇： 小米展示MiGu小米头箍：戴上能用意念控