Team:UCSF/Safety
From 2010.igem.org
(Difference between revisions)
Line 7: | Line 7: | ||
<script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/sidebar.js"></script> | <script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/sidebar.js"></script> | ||
<script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/mootools.js"></script> | <script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/mootools.js"></script> | ||
- | <div id=" | + | <div id="content1" class="sidebox"> |
<p><strong>Hi!</strong> This is a demo page from <a href="http://www.marcofolio.net/" title="Marcofolio.net" target="_blank">Marcofolio.net</a>.</p> | <p><strong>Hi!</strong> This is a demo page from <a href="http://www.marcofolio.net/" title="Marcofolio.net" target="_blank">Marcofolio.net</a>.</p> | ||
<p>This demo belongs to <a href="http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html" title="Create a sticky sidebar or box" target="_blank">Create a sticky sidebar or box</a>.</p> | <p>This demo belongs to <a href="http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html" title="Create a sticky sidebar or box" target="_blank">Create a sticky sidebar or box</a>.</p> |
Revision as of 00:53, 31 August 2010
Hi! This is a demo page from Marcofolio.net.
This demo belongs to Create a sticky sidebar or box.
Try scrolling down on this page. You'll see this box moving down with you. It'll stay on the top-right corner of the page.
This technique uses CSS and JavaScript. Works in IE7+, Firefox, Opera and Safari.
Go to the article and download the source to implement it on your website.