Team:Rutgers/test1
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <script> function myFunction() { alert("Hello\nHow are you?"); } </script> </html>") |
|||
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <!-- mediawiki html tag (above) does not support class assignments. A second html tag (below), however, does --> |
- | + | <html lang="en" class="no-js"> | |
- | + | <!-- most code copied from http://tympanus.net/Development/TabStylesInspiration - shoutout to Codrops for being great! --> | |
+ | <head> | ||
+ | <style> | ||
+ | .before_after_slider { | ||
+ | position: relative; | ||
+ | margin: 60px; | ||
+ | width: 640px; | ||
+ | height: 400px; | ||
+ | & > * { | ||
+ | position: absolute; | ||
+ | } | ||
} | } | ||
- | </script> | + | |
+ | .black_white { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="before_after_slider"> | ||
+ | <div class="color"> | ||
+ | <img src="http://i.picresize.com/images/2013/04/06/9pX4.png" width="640" height="400" alt="" /> | ||
+ | </div> | ||
+ | <div class="black_white"> | ||
+ | <img src="http://i.picresize.com/images/2013/04/06/2sJzq.png" width="640" height="400" alt="black_white" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> | ||
+ | <script src="http://codepen.io/ace/pen/BqEer.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 01:15, 17 October 2014