home *** CD-ROM | disk | FTP | other *** search
/ PC World Plus! (NZ) 2001 November / PCW1101.ISO / WebToolkit / Javascript / furrycompanions.rtf next >
Encoding:
Text File  |  2001-09-26  |  9.5 KB  |  218 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html>
  3. <head>
  4. <link rel=stylesheet type="text/css" href="style1.css" title="style1">
  5. <meta name="keywords" content="pets, adoption, pet, dog, dogs, cat, cats">
  6. <meta name="description" content="A demonstration pet-adoption site created for PC World's October 2001 feature on simple-but-effective Web site enhancements.">
  7. <title>Furry Companions: Find Your Perfect Pet</title>
  8. <style type="text/css">
  9. <!--
  10. .menu {font-family:Arial; font-weight:bold}
  11.  
  12. .menu a{
  13. text-decoration:none;
  14. color:black;
  15. }
  16. -->
  17. </style>
  18. <script language="javascript">
  19. <!--
  20.  
  21. /*
  22. Cool Table Menu
  23. By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from Wsabstract.com
  24. Visit http://wsabstract.com for this and over 400+ other scripts
  25. */
  26.  
  27.  
  28.  
  29. function movein(which,html){
  30. if (document.getElementById)
  31. document.getElementById("boxdescription").innerHTML=html
  32. else
  33. boxdescription.innerHTML=html
  34. }
  35.  
  36. function moveout(which){
  37. if (document.getElementById)
  38. document.getElementById("boxdescription").innerHTML=' '
  39. else
  40. boxdescription.innerHTML=' '
  41. }
  42.  
  43. //-->
  44. </script>
  45. <!--Fireworks 4.0 Generic target.    Created Wed Jul 18 20:13:34 GMT-0700 (Pacific Daylight Time) 2001-->
  46.  
  47. <script language="JavaScript">
  48. <!-- hide
  49. function fwLoadMenus() {
  50.   if (window.fw_menu_0) return;
  51.   window.fw_menu_0 = new Menu("root",123,21,"Verdana, Arial, Helvetica, sans-serif",14,"#ffffff","#ff3300","#ff3300","#ffffff");
  52.   fw_menu_0.addMenuItem("Who We Are","location='whoweare.htm'");
  53.   fw_menu_0.addMenuItem("Contact Us","location='mailto:notarealpetsite@yahoo.com'");
  54.   fw_menu_0.addMenuItem("Site Map","location='sitemap.htm'");
  55.    fw_menu_0.bgImageUp="images/fwmenu1_123x21_up.gif";
  56.    fw_menu_0.bgImageOver="images/fwmenu1_123x21_over.gif";
  57.    fw_menu_0.hideOnMouseOut=true;
  58.  
  59.   fw_menu_0.writeMenus();
  60. } // fwLoadMenus()
  61.  
  62. // stop hiding -->
  63. </script>
  64. <script language="JavaScript1.2" src="images/fw_menu.js"></script>
  65. <!--The following section is an image or HTML table which reassembles the sliced image in a browser.-->
  66. <!--Copy the table section including the opening and closing table tags, and paste the data where-->
  67. <!--you want the reassembled image to appear in the destination document. -->
  68. <SCRIPT LANGUAGE="JavaScript"> 
  69.  
  70. <!-- 
  71.  
  72. /*Define a variable to hold the URL of the page that you wish to redirect a Mac MSIE browser to.*/ 
  73.  
  74. var myURL = "default2a.htm"; 
  75.  
  76. /*Replace this URL with your own.*/
  77. /*Determine if the browser is a Mac MSIE browser.*/ 
  78.  
  79. if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("6") != -1 ) { 
  80.  
  81. /*Redirect the Mac MSIE browser to the desired alternate page when the above is true.*/ 
  82.  
  83. location = myURL; } 
  84.  
  85. if (navigator.appName == "Netscape" && navigator.appVersion.indexOf("6") != -1 ) { 
  86.  
  87. /*Redirect the Mac MSIE browser to the desired alternate page when the above is true.*/ 
  88.  
  89. location = myURL; }
  90.  
  91. if (navigator.appName == "Netscape" && navigator.appVersion.indexOf("4") != -1 ) { 
  92.  
  93. /*Redirect the Mac MSIE browser to the desired alternate page when the above is true.*/ 
  94.  
  95. location = myURL; }//--> 
  96.  
  97. </SCRIPT> 
  98.  
  99. </head>
  100. <body>
  101. <script language="JavaScript">
  102. <!-- Beginning of JavaScript -
  103.  
  104. // Simple Slideshow with striped transition effect by Urs Dudli and Peter Gehrig 
  105. // Copyright (c) 2000 Peter Gehrig and Urs Dudli 
  106. // http://www.24fun.com/fast/index.html
  107. // info@24fun.ch
  108. // 11/1/2000
  109. // If you add this script to a script-library or a script-archive 
  110. // you have to insert a link to http://www.24fun.com/fast/index.html 
  111. // right into the webpage where the script will be displayed.
  112.  
  113. // file-names of your slideshow's images. Add as may as you like.
  114. var imgsname=new Array()
  115. imgsname[0]="images/pet1a.jpg"
  116. imgsname[1]="images/pet2a.jpg"
  117. imgsname[2]="images/pfpet2b.jpg"
  118. imgsname[3]="images/pfpet10b.jpg"
  119. imgsname[4]="images/pfpet11b.jpg"
  120. imgsname[5]="images/pfpet6b.gif"
  121. imgsname[6]="images/pfpet9b.gif"
  122. imgsname[7]="images/pfpet18b.jpg"
  123. imgsname[8]="images/pfpet17b.jpg"
  124. imgsname[9]="images/pfpet21b.jpg"
  125.  
  126. // links for each image. You MUST add a link for each image
  127. var imgslink=new Array()
  128. imgslink[0]="pet1.htm"
  129. imgslink[1]="pet2.htm"
  130. imgslink[2]="pet3.htm"
  131. imgslink[3]="pet4.htm"
  132. imgslink[4]="pet5.htm"
  133. imgslink[5]="pet6.htm"
  134. imgslink[6]="pet7.htm"
  135. imgslink[7]="pet8.htm"
  136. imgslink[8]="pet9.htm"
  137. imgslink[9]="pet10.htm"
  138.  
  139. // vertical position of the slideshow (distance to the top margin of the webpage, pixels) 
  140. var imgstop=20
  141.  
  142. // horizontal position of the slideshow (distance to the left margin of the webpage, pixels) 
  143. var imgsleft=20
  144.  
  145. // speed of the transition effect. Less means faster
  146. var pause=50
  147.  
  148. // standstill-time of the images (seconds)
  149. var standstill=2
  150.  
  151. // - End of JavaScript - -->
  152. </script>
  153. <script src="imgtransliner.js"></script>
  154.  
  155. <div ID="imgs" style="position:absolute"> </div>
  156. <div ID="cover" style="position:absolute"> </div>
  157.  
  158. <table style="container:positioned; position:absolute;
  159. top:20; left:250;" border="0" cellpadding="3">
  160. <tr><td align="center"><img src="images/banner5a.gif" alt="Furry Companions"></td></tr>
  161. <tr><td align="center"><h4 style="color: #FF0033">Find Your Perfect Pet</h4></td></tr>
  162. <tr><td align="center"><table border="0"  cellpadding="3"><tr><td align="center" class="menu" id="choice1"  onmouseover="movein(this,'Mini-biographies of our adoptable critters')" onmouseout="moveout(this)""><a href="petprofiles.htm"><h3>Pet Profiles</h3></a></td></tr>
  163.  
  164. <tr><td align="center" class="menu" id="choice2" onmouseover="movein(this,'Find the right pet for you')" onmouseout="moveout(this)">
  165. <a href="pickapet.htm"><h3>Pick a Pet</h3></a></td></tr>
  166.  
  167. <tr><td align="center" class="menu" id="choice3" onmouseover="movein(this,'For happy, healthy pets')" onmouseout="moveout(this)"><a href="pethealth.htm"><h3>Pet Health</h3></a></td></tr>
  168.  
  169. <tr><td align="center" class="menu" id="choice4" onmouseover="movein(this,'Sources for more pet information')" onmouseout="moveout(this)"><a href="petresources.htm"><h3>Pet Resources</h3></a></td></tr>
  170.  
  171. <tr><td align="center" class="menu" id="choice5" onmouseover="movein(this,'Join a pet-related discussion')" onmouseout="moveout(this)"><a href="messageboard.htm"><h3>Pet Central</h3></a></td></tr>
  172.  
  173. <tr><td align="center" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
  174. </table>
  175. <!-- <p><font face="arial" size="-2">This free script provided by</font><br>
  176. <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
  177. Abstraction</a></font></p> --></td></tr>
  178. </table>
  179. <script language="JavaScript1.2">fwLoadMenus();</script>
  180. <table style="container:positioned; position:absolute; top:300; left:30;" border="0" cellpadding="0" cellspacing="0" width="200">
  181. <!-- fwtable fwsrc="images/menu1.png" fwbase="slices2.htm" fwstyle="Generic" fwdocid = "742308039" fwnested=""0" -->
  182.   <tr>
  183. <!-- Shim row, height 1. -->
  184.    <td><img src="images/spacer.gif" width="14" height="1" border="0"></td>
  185.    <td><img src="images/spacer.gif" width="171" height="1" border="0"></td>
  186.    <td><img src="images/spacer.gif" width="15" height="1" border="0"></td>
  187.    <td><img src="images/spacer.gif" width="1" height="1" border="0"></td>
  188.   </tr>
  189.  
  190.   <tr><!-- row 1 -->
  191.    <td colspan="3"><img name="slices2_r1_c1" src="images/slices2_r1_c1.gif" width="200" height="47" border="0"></td>
  192.    <td><img src="images/spacer.gif" width="1" height="47" border="0"></td>
  193.   </tr>
  194.   <tr><!-- row 2 -->
  195.    <td rowspan="2"><img name="slices2_r2_c1" src="images/slices2_r2_c1.gif" width="14" height="153" border="0"></td>
  196.    <td><a href="#" onMouseOut="FW_startTimeout();"  onMouseOver="window.FW_showMenu(window.fw_menu_0,217,337);" ><img name="slices2_r2_c2" src="images/slices2_r2_c2.gif" width="171" height="47" border="0"></a></td>
  197.    <td rowspan="2"><img name="slices2_r2_c3" src="images/slices2_r2_c3.gif" width="15" height="153" border="0"></td>
  198.    <td><img src="images/spacer.gif" width="1" height="47" border="0"></td>
  199.   </tr>
  200.   <tr><!-- row 3 -->
  201.    <td><img name="slices2_r3_c2" src="images/slices2_r3_c2.gif" width="171" height="106" border="0"></td>
  202.    <td><img src="images/spacer.gif" width="1" height="106" border="0"></td>
  203.   </tr>
  204.  
  205. <!--   This HTML was automatically created with Macromedia Fireworks 4.0   -->
  206. <!--   http://www.macromedia.com   -->
  207.  
  208. </table>
  209. <table style="container:positioned; position:absolute; top:85; left:678;" border="0"><tr><td><img src="images/rightbanner2.gif"></td></tr></table>
  210. <table style="container:positioned; position: absolute; top:418; left:126;" border="0"><tr><td><img src="images/bottombanner2.gif"></td></tr>
  211. </table>
  212. <table style="container:positioned; position:absolute; top:500; left:135;" align="center" border="0" rows="6" cols="6" cellpadding="3"><tr><td colspan="1"><a href="petprofiles.htm"><h5>Pet Profiles</h5></a></td><td colspan="1"><a href="pickapet.htm"><h5>Pick a Pet</h5></a></td><td colspan="1"><a href="pethealth.htm"><h5>Pet Health</h5></a></td><td colspan="1"><a href="petresources.htm"><h5>Pet Resources</h5></a></td><td colspan="1"><a href="messageboard.htm"><h5>Pet Central</h5></a></td><td colspan="1"><a href="http://www.24fun.com"><h5>24fun.com</h5></a></td></tr>
  213. <tr><td align="center" colspan="6"><h3>Adoptable-pet photos and information courtesy of <a href="http://www.petfinder.org">PetFinder.com</a></td></tr></table>
  214. <table style="container:positioned; position:absolute; top:600; left:250;" border="0">
  215. <tr><td align="center" valign="middle"><h5>©-Copyright 2001--All rights reserved</h5></td></tr>
  216. </table>
  217. </body>
  218. </html>