 |
 |
  |
  |
|---|
|
|
|
|
|---|
<section class="w3l-copyright text-center">
<button onclick="topFunction()" id="movetop" title="Go to top">
⤴
</button>
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("movetop").style.display = "block";
} else {
document.getElementById("movetop").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</section>
</section>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/theme-change.js"></script>
<script src="https://2021.igem.org/wiki/index.php?title=Template:BJEA_China/JS/JQ1&action=raw&ctype=text/javascript"></script> <script>
const items = document.querySelectorAll(".accordion button");
function toggleAccordion() {
const itemToggle = this.getAttribute('aria-expanded');
for (i = 0; i < items.length; i++) {
items[i].setAttribute('aria-expanded', 'false');
}
if (itemToggle == 'false') {
this.setAttribute('aria-expanded', 'true');
}
}
items.forEach(item => item.addEventListener('click', toggleAccordion));
</script>
<script src="assets/js/easyResponsiveTabs.js"></script> <script type="text/javascript">
$(document).ready(function () {
//Horizontal Tab
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_1', // The tab groups identifier
activate: function (event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
});
</script>
<script src="assets/js/owl.carousel.js"></script> <script>
$(document).ready(function () {
$('.owl-one').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1
},
480: {
items: 1
},
667: {
items: 1
},
1000: {
items: 1
}
}
})
})
</script>
<script>
$(document).ready(function () {
$('.owl-three').owlCarousel({
loop: true,
margin: 0,
nav: false,
dots: false,
responsiveClass: true,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 3,
nav: true
},
480: {
items: 3,
nav: true
},
667: {
items: 3,
nav: true
},
800: {
items: 4,
nav: true
},
1000: {
items: 5,
nav: true
}
}
})
})
</script>
<script>
$(window).on("scroll", function () {
var scroll = $(window).scrollTop();
if (scroll >= 80) {
$("#site-header").addClass("nav-fixed");
} else {
$("#site-header").removeClass("nav-fixed");
}
});
//Main navigation Active Class Add Remove
$(".navbar-toggler").on("click", function () {
$("header").toggleClass("active");
});
$(document).on("ready", function () {
if ($(window).width() > 991) {
$("header").removeClass("active");
}
$(window).on("resize", function () {
if ($(window).width() > 991) {
$("header").removeClass("active");
}
});
});
</script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>