Template:CalgaryHeader2
From 2009.igem.org
(Difference between revisions)
Jamie.feng (Talk | contribs) |
Jamie.feng (Talk | contribs) |
||
Line 265: | Line 265: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <iframe id="imagenav" width="254" height="183" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>UNCLE JIM'S ROTATING PAGE NAVIGATION</title> | ||
+ | <body style="margin:0px;"> | ||
+ | <script type="text/javascript"><!-- | ||
+ | /* | ||
+ | ______________________________________________________ | ||
+ | /¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯\ | ||
+ | | Another JavaScript from Uncle Jim | | ||
+ | | | | ||
+ | | Feel free to copy, use and change this script as | | ||
+ | | long as this part remains unchanged. | | ||
+ | | | | ||
+ | | Visit my website at http://www.jdstiles.com | | ||
+ | | for more scripts like this one | | ||
+ | | | | ||
+ | | Created: 1996 | | ||
+ | | Last Updated: December, 2005 | | ||
+ | \______________________________________________________/ | ||
+ | ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ | ||
+ | */ | ||
+ | |||
+ | //configure delay between changing messages (3000=3 seconds) | ||
+ | var delay=3000 | ||
+ | |||
+ | var ie4=document.all | ||
+ | |||
+ | var curindex=0 | ||
+ | var totalcontent=0 | ||
+ | |||
+ | function get_total(){ | ||
+ | if (ie4){ | ||
+ | while (eval("document.all.content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | else{ | ||
+ | while (document.getElementById("content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function contract_all(){ | ||
+ | for (y=0;y<totalcontent;y++){ | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+y).style.display="none" | ||
+ | else | ||
+ | document.getElementById("content"+y).style.display="none" | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function expand_one(which){ | ||
+ | contract_all() | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+which).style.display="" | ||
+ | else | ||
+ | document.getElementById("content"+which).style.display="" | ||
+ | } | ||
+ | |||
+ | function rotate_content(){ | ||
+ | get_total() | ||
+ | contract_all() | ||
+ | expand_one(curindex) | ||
+ | curindex=(curindex<totalcontent-1)? curindex+1: 0 | ||
+ | setTimeout("rotate_content()",delay) | ||
+ | } | ||
+ | |||
+ | window.onload=rotate_content | ||
+ | //--></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="content0" style="display:''"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="javamain.html" target="_blank"> | ||
+ | <img src="images/javascripts.jpg" width="254" height="183" border="0" alt="Javascript Examples"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content1" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="sets.html" target="_blank"> | ||
+ | <img src="images/dsets.jpg" width="254" height="183" border="0" alt="Design Sets"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content2" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="java/101.html" target="_blank"> | ||
+ | <img src="java/images/help2.bmp" width="254" height="183" border="0" alt="Developer Tools"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content3" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="java/games.html" target="_blank"> | ||
+ | <img src="java/images/games2.bmp" width="254" height="183" border="0" alt="On-Line Games"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content4" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="http://jdstiles.com/forums.html" target="_blank"> | ||
+ | <img src="images/bbforums.jpg" width="254" height="183" border="0" alt="Message Forums"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content5" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="tips/index.html" target="_blank"> | ||
+ | <img src="images/xp.jpg" width="254" height="183" border="0" alt="Windows Tips"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content6" style="display:none"> | ||
+ | <p align=left><!-- REPLACE WITH YOUR OWN PAGE LINKS AND IMAGES --> | ||
+ | <a href="sitetree.html" target="_blank"> | ||
+ | <img src="images/index2.jpg" width="254" height="183" border="0" alt="Site Updates"></a></p> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | </iframe> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 08:16, 18 September 2009
UNIVERSITY OF CALGARY