Welcome to Connie(HK) Gifs Land
<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-47423994-1', 'fortunecity.ws'); ga('send', 'pageview'); </script> <center> <br> <div> <script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </div> </center> <table cellpadding=0 cellspacing=0 border=0 height="100%"><tr> <td valign="top" height=120 BGCOLOR="#A6CAF0" TEXT="#080000" background="91620583.jpg"> <bR> <div> <B><IMG SRC="9b5cc370.gif" border=0 width="460" height="55" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </td> </tr><tr> <td valign="top" height=360 BGCOLOR="#3366FF" TEXT="#080000" background="78cbdc23.jpg"> <div> <B><!-- Start Gem Build Your Own Web Gem --> <CENTER> <A href="http://www.bravenet.com/"> <IMG src="http://www.bravenet.com/affiliate/affiliate.php?aff_num=814500994&picture=br1" alt="Free Webtools for Webmasters" height="60" width="468" border="0"><BR>Check out the Top Rated Site for Webmaster Tools!</A> </CENTER> <!-- End Gem Build Your Own Web Gem --> </B></div> <bR> <div> <B><IMG SRC="94d676b0.gif" border=0 width="103" height="107" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B><B> </B><A HREF="http://www.trellix.com/" TARGET="_top" TITLE="http://www.trellix.com"><U><IMG SRC="41452280.gif" border=0 width="82" height="40" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A><B> </B><A HREF="http://www.garfield.com/" TARGET="_top" TITLE="http://www.garfield.com"><U><B><IMG SRC="94e7d650.gif" border=0 width="125" height="101" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></U></A><B> </B></div> <div> <B><IMG SRC="95e633a0.gif" border=0 width="99" height="58" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B><B> </B><B> </B><B> </B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="732" BORDERCOLORLIGHT="#9999FF" BORDERCOLORDARK="#6600CC" FRAME="BOX" RULES="ALL" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=2 BGCOLOR=#CC66FF HEIGHT= 119 ><NOBR><div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><FONT SIZE="2" COLOR="#339900" FACE="Comic Sans MS" ><B> </B><A HREF="fun_gifs_land.htm" TARGET="_top" TITLE="Fun Gifs Land"><U><B>Fun Gifs Land</B></U></A></FONT></div> <div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><A HREF="2001_cartoon_calendar_new.htm" TARGET="_top" TITLE="2001 cartoon calendarNew"><U><B>2001 calendar</B></U></A></div> <div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><A HREF="fun_desktop_games.htm" TARGET="_top" TITLE="Fun Games"><U><B>Fun Games</B></U></A></div> <div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><A HREF="puzzle_land.htm" TARGET="_top" TITLE="Puzzle land"><U><B>Puzzle Land</B></U></A></div> <div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><FONT SIZE="2" COLOR="#339900" FACE="Comic Sans MS" ><B> </B><B>Hotbar skin </B></FONT></div> <div> <B><U><IMG SRC="94b29200.gif" border=0 width="41" height="32" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></B><B> </B><A HREF="visitors_comments.htm" TARGET="_top" TITLE="Visitors Comments"><U><B>comments</B></U></A></div> <div> <B> </B></div> <DIV ALIGN="LEFT"></DIV> <div> <B><IMG SRC="9588c050.gif" border=0 width="140" height="5" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <I>Featured postcard</I></div> <bR> <div> <U>Animfactory gifs</U></div> <div> <U>with Free Online gifs editor</U></div> <bR> <div> <A HREF="http://connie_cheng.tripod.com/pub/gif/xmaspresent.gif" TARGET="_top" TITLE="http://connie_cheng.tripod.com/pub/gif/x"><U><U><IMG SRC="93e6a680.gif" border=0 width="106" height="104" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></U></A></div> <bR> <div> [<A HREF="http://www.gifworks.com/cgi-bin/gifworks.pl?theimage=http://connie_cheng.tripod.com/pub/gif/xmaspresent.gif&com=transfer_get" TARGET="_top" TITLE="http://www.gifworks.com/cgi-bin/gifworks"><U>Edit image</U></A>][<A HREF="http://www.postcardmaker.com/cgi-bin/postcard.pl?image_url=http://connie_cheng.tripod.com/pub/gif/xmaspresent.gif" TARGET="_top" TITLE="http://www.postcardmaker.com/cgi-bin/pos"><U>Send card</U></A>]</div> <div> <A HREF="fun_gifs_land.htm" TARGET="_top" TITLE="Fun Gifs Land"><U>Find out more</U></A></div> <div> <IMG SRC="93578050.gif" border=0 width="120" height="5" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <IMG SRC="99f555b0.gif" border=0 width="85" height="91" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <B><IMG SRC="9686d180.gif" border=0 width="109" height="24" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> <tD VALIGN=TOP ROWSPAN=2><NOBR><div> <IMG SRC="959916d0.jpg" border=0 width="145" height="109" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <A HREF="japanese_cartoon_miscellous.htm" TARGET="_top" TITLE="Japanese comic"><U><B>Japanese comic</B></U></A></div> <bR> <div> <IMG SRC="93c90720.jpg" border=0 width="144" height="114" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <A HREF="japanese_cartoon_hellokitty.htm" TARGET="_top" TITLE=" Hellokitty"><U><B>Hello Kitty</B></U></A></div> <bR> <div> <IMG SRC="92889730.jpg" border=0 width="137" height="115" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <A HREF="japanese_cartoon_doramaen.htm" TARGET="_top" TITLE="Doramaen"><U><B>Ding-Dong</B></U></A></div> <bR> <div> <B><IMG SRC="92582650.gif" border=0 width="130" height="101" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <A HREF="japanese_cartoon_tarepanda.htm" TARGET="_top" TITLE="Tarepanda"><U><B>Tarepanda</B></U></A></div> <bR> <bR> <bR> <bR> </NOBR></tD> <tD VALIGN=TOP ROWSPAN=2><NOBR><div> <B><IMG SRC="95a946f0.jpg" border=0 width="148" height="111" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <A HREF="nature_scene.htm" TARGET="_top" TITLE="Nature Scene"><U><B>Nature-Scene</B></U></A></div> <bR> <div> <IMG SRC="95b866f0.jpg" border=0 width="134" height="111" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <A HREF="japanese_cartoon_totoro.htm" TARGET="_top" TITLE="Totoro"><U><B>Totoro</B></U></A></div> <bR> <div> <IMG SRC="95c87750.jpg" border=0 width="135" height="117" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> <A HREF="lovely_garfield.htm" TARGET="_top" TITLE="Garfield"><U><B>Garfield</B></U></A></div> <bR> <div> <B><IMG SRC="95d8a670.jpg" border=0 width="138" height="103" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <A HREF="girl_s_idol__ricky_martin_tom_cruise.htm" TARGET="_top" TITLE="artists"><U><B>Artists</B></U></A></div> </NOBR></tD> <tD VALIGN=TOP ROWSPAN=2 BGCOLOR=#000000 WIDTH="181"><div> <I><!-- Start Gem Build Your Own Web Gem --> <CENTER> <FORM action="http://pub10.bravenet.com/announce/send.asp" method="post"> <INPUT type="hidden" name="usernum" value="814500994"> <INPUT type="hidden" name="cpv" value="1"> <TABLE cellpadding="2" cellspacing="0" border="1" bgcolor="beige"> <TR><TH bgcolor="silver"> <FONT face="Verdana,Arial" size="1">Tell A Friend!</FONT> </TH></TR><TR><TD align="center"> <FONT face="Verdana,Arial" size="1"><B>Type In Your Name:</B><BR> <INPUT type="text" name="name" size="12" maxlength="100"><BR> <B>Type In Your E-mail:</B><BR> <INPUT type="text" name="youremail" size="12" maxlength="100"><BR> <B>Your Friend's E-mail:</B><BR> <INPUT type="text" name="emailaddress" size="12" maxlength="100"><BR> <B>Your Comments:</B><BR> <TEXTAREA name="yourmessage" cols="14" rows="2" wrap="soft"></TEXTAREA><P> <B>Receive copy:<INPUT type="checkbox" name="metoo" value="yes"> </B><INPUT type="submit" name="submit" value=" GO "></FONT></TD></TR></TABLE> <BR></A> </FORM></CENTER> <!-- End Gem Build Your Own Web Gem --> </I></div> <div> <I><!-- Start Gem Build Your Own Web Gem --> <!--Begin Bravenet.com Button Link --> <a href="http://www.bravenet.com/" target="_top"> <img src="http://images.bravenet.com/pub/bravepride.gif" height=52 width=102 border=0 alt="bravenet.com"></a> <!-- End Bravenet.com Button Link --> <!-- End Gem Build Your Own Web Gem --> </I></div> <div> <!-- Start Gem Build Your Own Web Gem --> <A href="http://affiliate.domaindirect.net/b.asp?id=5419"> <img src="http://affiliate.domaindirect.net/showban.asp?id=5419&img=button3.gif" border=0></a> <!-- End Gem Build Your Own Web Gem --> </div> <bR> <div> <IMG SRC="97d7d7d0.gif" border=0 width="125" height="125" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <div> Free online casino software</div> <div> <A HREF="http://www.pharaohscasino.com/cgi-bin/re/re.pl/REF11553" TARGET="_top" TITLE="http://www.pharaohscasino.com/cgi-bin/re"><U>download now</U></A></div> <bR> <bR> <bR> <bR> <bR> <bR> </tD> </tR> <tR> </tR> </TABLE></div> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="614" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 59 WIDTH="606"><div> <A HREF="http://www.graphxisle.com/" TARGET="_top" TITLE="http://www.graphxisle.com"><U><IMG SRC="95f581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A><A HREF="http://www.graphxisle.com/" TARGET="_top" TITLE="http://www.graphxisle.com"><U><IMG SRC="9a4581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A><A HREF="http://www.graphxisle.com/" TARGET="_top" TITLE="http://www.graphxisle.com"><U><IMG SRC="9a5581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A><A HREF="http://www.graphxisle.com/" TARGET="_top" TITLE="http://www.graphxisle.com"><U><IMG SRC="9a6581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> </tD> </tR> </TABLE></B></div> <div> <B><IMG SRC="77fc81e0.gif" border=0 width="200" height="30" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="77fc81e0.gif" border=0 width="200" height="30" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <IMG SRC="77fc81e0.gif" border=0 width="200" height="30" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <B> </B><!-- Start Gem Build Your Own Web Gem --> <!--START SITERING CODE--> <center> <table border="1" cellpadding="3" cellspacing="0" bgcolor="#000000"> <tr> <td align="center"><A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=join&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/conniecheng_logo.gif" width="170" height="90"></A></td> <td align="center"><font size="2" face="Arial,Helvetica" color="White"><b>Fun Stuff For your Kids SiteRing</b><br> <br> This site owned by<br></font> <a href="mailto:subscribes@conniecheng.com"><font color="#FFFF99" size="2" face="Arial,Helvetica"> Connie Cheng/fun stuff for kids</font></a></td> </tr> <tr> <td align="center" colspan="2"> <A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=prev&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/blank_prev.gif" width="70" height="35"></A> <A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=list&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/blank_list.gif" width="70" height="35"></A> <A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=random&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/blank_random.gif" width="70" height="35"></A> <A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=join&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/blank_join.gif" width="70" height="35"></A> <A href="http://pub10.bravenet.com/sitering/nav.php?usernum=814500994&action=next&siteid=35896"> <img src="http://connie_cheng.tripod.com/pub/gif/blank_next.gif" width="70" height="35"></A> </td> </tr> </table> <FONT size="1" face=verdana,arial><A href="http://www.bravenet.com/"> SiteRing by Bravenet.com</A></FONT> </center> <!--END SITERING CODE--> <!-- End Gem Build Your Own Web Gem --> </div> <div> <!-- Start Gem Build Your Own Web Gem --> <script language=javascript>var Loaded=false;var Flag=false;</script> <script src='http://files.cometsystems.com/javascript/lc2000_sponsored.js' language=javascript></script> <script language=javascript>if(Loaded){ if(Flag) Button(4); } else if(!Flag){ document.write('<a target="_parent" ' + 'href="http://www.cometzone.com"> ' + '<img src="http://content.cometsystems.com/czcontent/gifs/default.gif" border=0" ' + 'alt="CometZone">' + '</a>');}</script> <noscript><a href="http://www.cometzone.com/"><img src="http://content.cometsystems.com/czcontent/gifs/default.gif" alt="CometZone" border=0></a></noscript> <!-- END COMETZONE BUTTON *********************************** --> <!--COMETZONE CURSOR CODE - PLACE ABOVE /BODY TAG AT BOTTOM OF WEB PAGE--> <!-- GET CUSTOM CURSORS AT http://www.cometzone.com! --> <!-- IT'S FUN, EASY, AND FREE! --> <script language=javascript>if(Loaded&&Flag)TheCometCursor('garfield',4,0);</script> <!--END COMETZONE CURSOR CODE--> <!-- End Gem Build Your Own Web Gem --> </div> <bR> <div> <A HREF="sign_my_guestbook.htm" TARGET="_top" TITLE="Sign my guestbook"><U><IMG SRC="72c811d0.gif" border=0 width="129" height="29" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <IMG SRC="6de64500.gif" border=0 width="100" height="80" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <A HREF="sign_my_guestbook.htm" TARGET="_top" TITLE="Sign my guestbook"><U><IMG SRC="72b811d0.gif" border=0 width="129" height="29" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> </div> <bR> <div> What you think? Please let me know</div> <div> <A HREF="visitors_comments.htm" TARGET="_top" TITLE="Visitors Comments"><U>click here to submit your comments</U></A></div> <bR> <bR> <div> </div> <div> <A HREF="http://www.321free.com/" TARGET="_top" TITLE="http://www.321free.com"><U><IMG SRC="950581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.fontfile.com/" TARGET="_top" TITLE="http://www.fontfile.com"><U><IMG SRC="951581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.javafile.com/" TARGET="_top" TITLE="http://www.javafile.com"><U><IMG SRC="952581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.jokesgalore.com/" TARGET="_top" TITLE="http://www.jokesgalore.com"><U><IMG SRC="953581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.htmlworks.com/" TARGET="_top" TITLE="http://www.htmlworks.com"><U><IMG SRC="954581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.riddlenut.com/" TARGET="_top" TITLE="http://www.riddlenut.com"><U><IMG SRC="955581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> </div> <DIV ALIGN="LEFT"></DIV> <div> <A HREF="http://www.bogglers.com/" TARGET="_top" TITLE="http://www.bogglers.com"><U><IMG SRC="956581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.siglets.com/" TARGET="_top" TITLE="http://www.siglets.com"><U><IMG SRC="961581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.funkypages.com/" TARGET="_top" TITLE="http://www.funkypages.com"><U><IMG SRC="957581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.jasc.com/" TARGET="_top" TITLE="http://www.jasc.com"><U><IMG SRC="960581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> <FONT SIZE="2" COLOR="#66FFFF" FACE="Comic Sans MS" > </FONT><A HREF="http://www.fortunecity.com/" TARGET="_top" TITLE="http://www.fortunecity.com"><U><IMG SRC="86969500.gif" border=0 width="105" height="80" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.screamdesign.com/" TARGET="_top" TITLE="http://www.screamdesign.com"><U><IMG SRC="86a783c0.gif" border=0 width="120" height="60" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A> <A HREF="http://www.pharaohscasino.com/cgi-bin/re/re.pl/REF11553" TARGET="_top" TITLE="http://www.pharaohscasino.com/cgi-bin/re"><U><IMG SRC="864783c0.gif" border=0 width="120" height="60" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <!-- Start Gem Build Your Own Web Gem --> <A href="http://counter10.bravenet.com/index.php?id=338303" target="_top"><SCRIPT language="Javascript">document.write('<IMG src="http://counter10.bravenet.com/counter.php?id=338303&ref='+escape(document.referrer)+'" border="0">');</SCRIPT></A> <!-- End Gem Build Your Own Web Gem --> </div> <bR> <div> <!-- Start Gem Build Your Own Web Gem --> <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.html" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/ballo.gif" height=20 width=20></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/shell.gif" height=20 width=20></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/ballo.gif" height=20 width=20></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/shell.gif" height=20 width=20></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/jewel.gif" height=20 width=20></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://connie_cheng.tripod.com/pub/gif/jewel.gif" height=20 width=20></div> <script LANGUAGE="JavaScript"> <!-- hide code // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE //skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.html" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script> <!-- End Gem Build Your Own Web Gem --> </div> <div> <FONT SIZE="1" COLOR="#FFFFFF" FACE="Comic Sans MS" > </FONT> </div> <div> <!-- Start Gem Sound Web Gem --> <embed src="HTMLobj-2413/Roof1.mid" autostart="true" loop="true" hidden="true"> <!-- End Gem Sound Web Gem --> </div> <div> </div> <div> <!-- Start Gem Build Your Own Web Gem --> <SCRIPT LANGUAGE = "JavaScript"> var name = navigator.appName; var vers = navigator.appVersion; vers = vers.substring(0,1); // or 0,4 could return 4.5 instead of just 4 if (name == "Microsoft Internet Explorer") { // You can edit this message. document.write('You are using Internet Explorer.'); // If you want to redirect your visitors to a // Internet Explorer-friendly version of your // page, use this code: // window.location=browser_specific_url; } else { // You can edit this message. document.write('You are using Netscape.'); // If you want to redirect your visitors to a // Internet Explorer-friendly version of your // page, use this code: // window.location=browser_specific_url; } </SCRIPT> <!-- End Gem Build Your Own Web Gem --> <FONT SIZE="2" COLOR="#66FFFF" FACE="Comic Sans MS" > </FONT></div> <bR> <bR> <bR> <bR> <bR> <bR> </td> </tr></table></body>