Generating Animated Popup Windows

Q

How to generate animated popup windows with JavaScript?

✍: FYIcenter.com

A

If you want to generate an animated popup window to attract the attention of your visitors, you can do this by using method setTimeout() to repeatedly changing the popup window size. See the following JavaScript code outline from dynamicdrive.com:

<a href="JavaScript:pWindowAnimated();">Click your mouse ...
...
<script language="JavaScript">
var winheight=100
var winsize=100
var x=5
/*
Animated Window Opener Script (updated 00/04/24)-
 Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's mo...
Use, visit dynamicdrive.com
*/
function pWindowAnimated() {
temploc='popup_blocker_test_popup_html_document.html';
   if (!(window.resizeTo&&document.all)&&!(window.resizeT...
      window.open('popup_blocker_test_popup_html_document...
      return
   }
   win2=window.open("","","scrollbars")
   win2.moveTo(0,0)
   win2.resizeTo(100,100)
   go2()
}
function go2(){
   if (winheight>=screen.availHeight-3)
   x=0
   win2.resizeBy(5,x)
   winheight+=5
   winsize+=5
   if (winsize>=screen.width-5){
      win2.location=temploc
      winheight=100
      winsize=100
      x=5
   return
   }
   setTimeout("go2()",50)
}
</script>

You can also visit Popup Blocker Test - P_WINDOW_ANIMATED page to get the complete source code and to see how it works.

2007-01-17, 8228👍, 0💬