Team:UCSF/Safety
From 2010.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
</head> | </head> | ||
<body> | <body> | ||
- | <script type="text/javascript" src="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="mootools.js"></script> | + | <script type="text/javascript" src="http://demo.marcofolio.net/create_a_sticky_sidebar_or_box/mootools.js"></script> |
<div id="content" class="sidebox"> | <div id="content" 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> |
Revision as of 00:52, 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.