"
Template:Team:BostonU/CSS
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script>try{Typekit.load();}catch(e){}</script> | ||
| + | |||
| + | <!--jquery.event.move--> | ||
| + | <script src="https://github.com/stephband/jquery.event.move/blob/master/js/jquery.event.move.js" type="text/javascript"></script> | ||
| + | |||
| + | <!--jquery.event.swipe--> | ||
| + | <script src="https://github.com/stephband/jquery.event.swipe/blob/master/js/jquery.event.swipe.js" type="text/javascript"></script> | ||
| + | |||
| + | <!--scrollto--> | ||
| + | <script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js?1.4.11" type="text/javascript"></script> | ||
| + | |||
| + | <!--init--> | ||
| + | <script src="http://demos.flesler.com/jquery/scrollTo/js/init.js" type="text/javascript"></script> | ||
| + | |||
| + | <!--unslider--> | ||
| + | <script src="http://unslider.com/unslider.js" type="text/javascript"></script> | ||
| + | |||
| + | <script> | ||
| + | if(window.chrome) { | ||
| + | $('.banner li').css('background-size', '100% 100%'); | ||
| + | } | ||
| + | |||
| + | $('.banner').unslider({ | ||
| + | arrows: true, | ||
| + | fluid: true, | ||
| + | dots: true | ||
| + | }); | ||
| + | |||
| + | // Find any element starting with a # in the URL | ||
| + | // And listen to any click events it fires | ||
| + | $('a[href^="#"]').click(function() { | ||
| + | // Find the target element | ||
| + | var target = $($(this).attr('href')); | ||
| + | |||
| + | // And get its position | ||
| + | var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0}; | ||
| + | |||
| + | // jQuery will return false if there's no element | ||
| + | // and your code will throw errors if it tries to do .offset().left; | ||
| + | if(pos) { | ||
| + | // Scroll the page | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: pos.top, | ||
| + | scrollLeft: pos.left | ||
| + | }, 1000); | ||
| + | } | ||
| + | |||
| + | // Don't let them visit the url, we'll scroll you there | ||
| + | return false; | ||
| + | }); | ||
| + | |||
| + | var GoSquared = {acct: 'GSN-396664-U'}; | ||
| + | </script> | ||
<head> | <head> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
Revision as of 17:23, 25 July 2014
