Team:Rutgers/test1

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
{{:Team:Rutgers/reset}}
 
-
{{:Team:Rutgers/main.css}}
 
-
 
<html>
<html>
<!-- mediawiki html tag (above) does not support class assignments. A second html tag (below), however, does -->
<!-- mediawiki html tag (above) does not support class assignments. A second html tag (below), however, does -->
Line 35: Line 31:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-
<script>
+
<script src="http://codepen.io/ace/pen/BqEer.js"></script>
-
var $black_white = $('.black_white'),
+
-
img_width = $('.black_white img').width(),
+
-
init_split = Math.round(img_width/2);
+
-
 
+
-
  $black_white.width(init_split); 
+
-
 
+
-
$('.before_after_slider').mousemove(function(e){
+
-
var offX  = (e.offsetX || e.clientX - $black_white.offset().left);
+
-
$black_white.width(offX);
+
-
});
+
-
 
+
-
$('.before_after_slider').mouseleave(function(e){
+
-
$black_white.stop().animate({
+
-
width: init_split
+
-
},1000)
+
-
});
+
-
</script>
+
</body>
</body>
</html>
</html>

Latest revision as of 01:15, 17 October 2014

black_white

Retrieved from "http://2014.igem.org/Team:Rutgers/test1"