Team:BNU-China/js/scripts.js

From 2014.igem.org

/*-----------------------------------------------------------------------------------*/ /* BACKGROUND IMAGE /*-----------------------------------------------------------------------------------*/

$(function() {

// Options for SuperBGImage $.fn.superbgimage.options = { randomtransition: 2, // 0-none, 1-use random transition (0-7) z_index: -1, // z-index for the container slideshow: 1, // 0-none, 1-autostart slideshow slide_interval: 4000, // interval for the slideshow randomimage: 1, // 0-none, 1-random image speed: 'slow' // animation speed };

// initialize SuperBGImage $('#thumbs').superbgimage().hide();

}); /*-----------------------------------------------------------------------------------*/ /* MENU /*-----------------------------------------------------------------------------------*/

ddsmoothmenu.init({ mainmenuid: "menu", orientation: 'h', classname: 'menu', contentsource: "markup" })


/*-----------------------------------------------------------------------------------*/ /* IMAGE HOVER /*-----------------------------------------------------------------------------------*/ $(function() { $('.flickr img, .blog a img, #.container a img, .content a img').css("opacity","1.0"); $('.flickr img, .blog a img, #container a img, .content a img').hover(function () { $(this).stop().animate({ opacity: 0.75 }, "fast"); }, function () { $(this).stop().animate({ opacity: 1.0 }, "fast"); }); });


/*-----------------------------------------------------------------------------------*/ /* OPACITY /*-----------------------------------------------------------------------------------*/

$('.opacity').transify({opacityOrig:.90, percentHeight:'100%'});

/*-----------------------------------------------------------------------------------*/ /* PRETTYPHOTO /*-----------------------------------------------------------------------------------*/

$(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({autoplay_slideshow: false, overlay_gallery: false, social_tools:false, deeplinking: false, theme:'pp_default', slideshow:5000}); });

/*-----------------------------------------------------------------------------------*/ /* TOGGLE /*-----------------------------------------------------------------------------------*/ $(document).ready(function(){ //Hide the tooglebox when page load $(".togglebox").hide(); //slide up and down when click over heading 2 $("h2").click(function(){ // slide toggle effect set to slow you can set it to fast too. $(this).toggleClass("active").next(".togglebox").slideToggle("slow"); return true; }); });

/*-----------------------------------------------------------------------------------*/ /* TABS /*-----------------------------------------------------------------------------------*/ $(document).ready(function() { //Default Action $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content

//On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; });

});

/*-----------------------------------------------------------------------------------*/ /* IMAGE HOVER /*-----------------------------------------------------------------------------------*/

$(document).ready(function() {
       $('.box, .carousel ul li').mouseenter(function(e) {
           $(this).children('a').children('span').fadeIn(200);
       }).mouseleave(function(e) {
           $(this).children('a').children('span').fadeOut(200);
       });
   });