Line 1: | Line 1: | ||
− | {{TAS Taipei/CSS4 | + | {{TAS Taipei/CSS4}} |
<html lang="en"> | <html lang="en"> | ||
Line 19: | Line 19: | ||
} | } | ||
</style> | </style> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
</head> | </head> | ||
Line 169: | Line 171: | ||
</div> | </div> | ||
<main> | <main> | ||
− | <h1> | + | <h1>NANO TRAP</h1> |
<h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6> | <h6 id="abstract1">Nanoparticle Removal from Wastewater Systems</h6> | ||
<h6 id="this_title">TAS_TAIPEI 2017</h6> | <h6 id="this_title">TAS_TAIPEI 2017</h6> | ||
Line 192: | Line 194: | ||
<script> | <script> | ||
$(function() { | $(function() { | ||
+ | var y = 1 | ||
+ | $("a").on('click', function(event) { | ||
+ | if(y%2==0){ | ||
+ | $('.button-holder').addClass('marginFix'); | ||
+ | y++; | ||
+ | } else{ | ||
+ | $('.button-holder').removeClass('marginFix'); | ||
+ | y++; | ||
+ | } | ||
+ | if (this.hash !== "") { | ||
+ | event.preventDefault(); | ||
+ | var hash = this.hash; | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 300, function() { | ||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } | ||
+ | }); | ||
var x = 1 | var x = 1 | ||
$('html').mouseenter(function() { | $('html').mouseenter(function() { | ||
Line 207: | Line 229: | ||
//if the window is greater than 1020px wide then hover | //if the window is greater than 1020px wide then hover | ||
$('.yellow').addClass('active'); | $('.yellow').addClass('active'); | ||
− | |||
− | |||
} | } | ||
$('.button-holder').addClass('hover'); | $('.button-holder').addClass('hover'); | ||
Line 219: | Line 239: | ||
//if the window is greater than 1020px wide then hover | //if the window is greater than 1020px wide then hover | ||
$('.yellow').removeClass('active'); | $('.yellow').removeClass('active'); | ||
− | |||
− | |||
} | } | ||
$('.button-holder').removeClass('hover'); | $('.button-holder').removeClass('hover'); |
Revision as of 16:09, 1 November 2017