www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/013/orange/js/custom.js
jQuery.noConflict()(function($){ $(document).ready(function($) { /*-------------------------------------------------------------*/ /* ONE BY ONE JQUERY SLIDER STARTS */ /*-------------------------------------------------------------*/ if ( $( '#banner' ).length && jQuery().oneByOne ) { $('#banner').oneByOne({ className: 'oneByOne1', easeType: 'random', slideShow: true }); } /*-------------------------------------------------------------*/ /* ONE BY ONE JQUERY SLIDER ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* KWICKS (ACCORDION) JQUERY SLIDER STARTS */ /*-------------------------------------------------------------*/ if ( $( '.kwicks' ).length && jQuery().oneByOne ) { $('.kwicks').kwicks({ max: 480, spacing: 0, duration: 500, easing: 'easeOutCirc' }); jQuery("ul.kwicks").each(function () { jQuery("ul.kwicks").hover(function() { jQuery('.accordian-slider-caption').stop().animate({opacity: 0.9, bottom: '0%'}, 500 ); },function(){ jQuery('.accordian-slider-caption').stop().animate({opacity: 0, bottom: '-35%'}, 500 ); }); }); } /*-------------------------------------------------------------*/ /* KWICKS (ACCORDION) JQUERY SLIDER ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* GRID HOMEPAGE JQUERY HOVER STARTS */ /*-------------------------------------------------------------*/ $(".item-hover").hover(function(){ $(this).find(".portfolio-thumbnail").stop(true, true).animate({ opacity: 'show',easing : 'easeOutBounce', }, 1000); }, function() { $(this).find(".portfolio-thumbnail").stop(true, true).animate({ opacity: 'hide',easing : 'easeOutBounce', }, 1000); }); /*-------------------------------------------------------------*/ /* GRID HOMEPAGE JQUERY HOVER ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* SERVICE LIST FADE OUT STARTS */ /*-------------------------------------------------------------*/ function listfades(a){ jQuery(a).find(">li").each(function(){ var b=jQuery(this);b.hover(function(){ var b=jQuery(this);b.addClass("listover");b.find("img:first").addClass("listovereffect");jQuery(a).find(">li").each(function(a){ var b=jQuery(this);b.stop();if(!b.hasClass("listover"))b.find("img:first").animate({ opacity:.5 }, { duration:300, queue:false });else b.find("img:first").animate({ opacity:1 }, { duration:300, queue:false }) }) }, function(){ var a=jQuery(this);a.removeClass("listover");a.find("img:first").removeClass("listovereffect");a.siblings().each(function(){ var a=jQuery(this);a.stop();a.find("img:first").animate({ opacity:1 }, { duration:300, queue:false }) });a.stop();a.find("img:first").animate({ opacity:1 }, { duration:300, queue:false }) }) }) } listfades(".clients"); /*-------------------------------------------------------------*/ /* SERVICE LIST FADE OUT ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* CAMERA SLIDER 1 AND 2JQUERY STARTS */ /*-------------------------------------------------------------*/ if ( $( '#camera_wrap_1' ).length && jQuery()) { $('#camera_wrap_1').camera({ height: '350px', loader: 'bar', pagination: false, thumbnails: true }); } if ( $( '#camera_wrap_2' ).length && jQuery()) { $('#camera_wrap_2').camera({ height: '350px', thumbnails: true }); } /*-------------------------------------------------------------*/ /* CAMERA SLIDER 1 AND 2JQUERY ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* HOMEPAGE SERVICE TOGGLE STARTS */ /*-------------------------------------------------------------*/ $.localScroll({ target: '#services-container', // could be a selector or a jQuery object too. queue:true, duration:1000, hash:true, onBefore:function( e, anchor, $target ){ // The 'this' is the settings object, can be modified }, onAfter:function( anchor, settings ){ // The 'this' contains the scrolled element (#content) } }); /*-------------------------------------------------------------*/ /* HOMEPAGE SERVICE TOGGLE ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* AUDIO VIDEO JQUERY STARTS */ /*-------------------------------------------------------------*/ $('audio,video').mediaelementplayer(); /*-------------------------------------------------------------*/ /* AUDIO VIDEO JQUERY ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY TABS & ACCORDIONS MENU STARTS */ /*-------------------------------------------------------------*/ (function() { var $tabsNav = $('.tabs-nav'), $tabsNavLis = $tabsNav.children('li'), $tabContent = $('.tab-content'); $tabContent.hide(); $tabsNavLis.first().addClass('active').show(); $tabContent.first().show(); $tabsNavLis.on('click', function(e) { var $this = $(this); $tabsNavLis.removeClass('active'); $this.addClass('active'); $tabContent.hide(); $( $this.find('a').attr('href') ).fadeIn(700); e.preventDefault(); }); })(); initAccordion(); function initAccordion() { jQuery('.accordion-item').each(function(i) { var item=jQuery(this); item.find('.accordion-content').slideUp(0); item.find('.accordion-switch').click(function() { var displ = item.find('.accordion-content').css('display'); item.closest('ul').find('.accordion-switch').each(function() { var li = jQuery(this).closest('li'); li.find('.accordion-content').slideUp(300); jQuery(this).parent().removeClass("selected"); }); if (displ=="block") { item.find('.accordion-content').slideUp(300) item.removeClass("selected"); } else { item.find('.accordion-content').slideDown(300) item.addClass("selected"); } }); }); } /*-------------------------------------------------------------*/ /* JQUERY TABS & ACCORDIONS MENU ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY GOOGLE MAPS STARTS */ /*-------------------------------------------------------------*/ if ( $( '#map' ).length && jQuery() ) { /*GOOGLE MAPS*/ var $map = $('#map'); $map.gMap({ address: 'Level 13, 2 Elizabeth St, Melbourne Victoria 3000 Australia', zoom: 18, markers: [ { 'address' : 'Level 13, 2 Elizabeth St, Melbourne Victoria 3000 Australia' }, ] }); } /*-------------------------------------------------------------*/ /* JQUERY GOOGLE MAPS ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY VIDEO FITS STARTS */ /*-------------------------------------------------------------*/ $(".container").fitVids(); /*-------------------------------------------------------------*/ /* JQUERY VIDEO FITS ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY PRETTYPHOTO CALL STARTS */ /*-------------------------------------------------------------*/ $("a[data-rel^='prettyPhoto']").prettyPhoto({ overlay_gallery: false }); /*-------------------------------------------------------------*/ /* JQUERY PRETTYPHOTO CALL ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY PORTFOLIO HOVER STARTS */ /*-------------------------------------------------------------*/ if ( $( '.portfolio-item-hover-content' ).length && jQuery() ) { function hover_effect() { $('.portfolio-item-hover-content').hover(function() { $(this).find('div,a').stop(0,0).removeAttr('style'); $(this).find('.hover-options').animate({opacity: 0.9}, 'fast'); $(this).find('a').animate({"top": "15%" }); }, function() { $(this).find('.hover-options').stop(0,0).animate({opacity: 0}, "fast"); $(this).find('a').stop(0,0).animate({"top": "150%"}, "slow"); $(this).find('a.zoom').stop(0,0).animate({"top": "150%"}, "slow"); }); } hover_effect(); } /*-------------------------------------------------------------*/ /* JQUERY PORTFOLIO HOVER ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY HOMEPAGE CAROUSEL STARTS */ /*-------------------------------------------------------------*/ (function() { var $carousel = $('#projects-carousel'); if( $carousel.length ) { var scrollCount; if( $(window).width() < 480 ) { scrollCount = 1; } else if( $(window).width() < 768 ) { scrollCount = 1; } else if( $(window).width() < 960 ) { scrollCount = 3; } else { scrollCount = 4; } $carousel.jcarousel({ animation : 600, easing : 'easeOutCirc', scroll : scrollCount }); } })(); /*-------------------------------------------------------------*/ /* JQUERY HOMEPAGE CAROUSEL ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY TWITTER FEEDS STARTS */ /*-------------------------------------------------------------*/ if ( $( '.tweet' ).length && jQuery()) { $(".tweet").tweet({ username: "trendywebstar", /* REMOVE "trendyWebStar" WITH YOUR OWN TWITTER USERNAME*/ join_text: null, avatar_size: null, count: 2, auto_join_text_default: "we said,", auto_join_text_ed: "we", auto_join_text_ing: "we were", auto_join_text_reply: "we replied to", auto_join_text_url: "we were checking out", loading_text: "loading tweets..." }); } /*-------------------------------------------------------------*/ /* JQUERY TWITTER FEEDS ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY TIPSY STARTS */ /*-------------------------------------------------------------*/ if ( jQuery().tipsy ) { $("#filter-01").tipsy({gravity: 'n'}); $("#filter-02").tipsy({gravity: 'n'}); $("#filter-03").tipsy({gravity: 'n'}); $("#filter-04").tipsy({gravity: 'n'}); $("#filter-05").tipsy({gravity: 'n'}); $("#filter-06").tipsy({gravity: 'n'}); $("#social-01").tipsy({gravity: 'n',fade: true}); $("#social-02").tipsy({gravity: 'n'}); $("#social-03").tipsy({gravity: 'n'}); $("#social-04").tipsy({gravity: 'n'}); $("#social-05").tipsy({gravity: 'n'}); $("#social-06").tipsy({gravity: 'n'}); $("#social-07").tipsy({gravity: 'n'}); $("#social-07").tipsy({gravity: 'n'}); $("#social-08").tipsy({gravity: 'n'}); $("#social-09").tipsy({gravity: 'n'}); $("#social-10").tipsy({gravity: 'n'}); $("#social-11").tipsy({gravity: 'n'}); } /*-------------------------------------------------------------*/ /* JQUERY TIPSY ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY FLEX SLIDER STARTS */ /*-------------------------------------------------------------*/ if ( $( '.flexslider' ).length && jQuery() ) { $('.flexslider').flexslider({ animation: "fade", controlNav:true, controlsContainer:"#home", directionNav: false, slideshowSpeed: 7000, animationDuration: 1000, nextText:"›", prevText:"‹", keyboardNav: true, }); } /*-------------------------------------------------------------*/ /* JQUERY FLEX SLIDER ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY FLEX SLIDER BLOG STARTS */ /*-------------------------------------------------------------*/ if ( $( '.blog-flexslider' ).length && jQuery() ) { $('.blog-flexslider').flexslider({ animation:"slide", controlNav:false, controlsContainer:"#home", nextText:"›", prevText:"‹", keyboardNav: false, }); } if ( $( '.blog-flexslider-small' ).length && jQuery() ) { $('.blog-flexslider-small').flexslider({ animation:"slide", controlNav:false, controlsContainer:"#home", nextText:"›", prevText:"‹", keyboardNav: false, }); } /*-------------------------------------------------------------*/ /* JQUERY FLEX SLIDER BLOG ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY MAIN NAVIGATION STARTS */ /*-------------------------------------------------------------*/ if ( $( '#main-navigation' ).length && jQuery() ) { var arrowimages={down:['downarrowclass', './images/plus-grey.png', 23], right:['rightarrowclass', './images/plus-grey.png']} var jqueryslidemenu={ animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds buildmenu:function(menuid, arrowsvar){ jQuery(document).ready(function($){ var $mainmenu=$("#"+menuid+">ul") var $headers=$mainmenu.find("ul").parent() $headers.each(function(i){ var $curobj=$(this) var $subul=$(this).find('ul:eq(0)') this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()} this.istopheader=$curobj.parents("ul").length==1? true : false $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0}) $curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append( '<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1]) +'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0]) + '" style="border:0;" />' ) $curobj.hover( function(e){ var $targetul=$(this).children("ul:eq(0)") this._offsets={left:$(this).offset().left, top:$(this).offset().top} var menuleft=this.istopheader? 0 : this._dimensions.w menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft if ($targetul.queue().length<=1) //if 1 or less queued animations $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over) }, function(e){ var $targetul=$(this).children("ul:eq(0)") $targetul.slideUp(jqueryslidemenu.animateduration.out) } ) //end hover $curobj.click(function(){ $(this).children("ul:eq(0)").hide() }) }) //end $headers.each() $mainmenu.find("ul").css({display:'none', visibility:'visible'}) }) //end document.ready } } jqueryslidemenu.buildmenu("main-navigation", arrowimages) } /*-------------------------------------------------------------*/ /* JQUERY MAIN NAVIGATION ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY CONTACT FORM STARTS */ /*-------------------------------------------------------------*/ if ( $( '#contact-form' ).length && jQuery() ) { $('form#contact-form').submit(function() { function resetForm($form) { $form.find('input:text, input:password, input:file, select, textarea').val(''); $form.find('input:radio, input:checkbox') .removeAttr('checked').removeAttr('selected'); } $('form#contact-form .error').remove(); var hasError = false; $('.requiredField').each(function() { if(jQuery.trim($(this).val()) == '') { var labelText = $(this).prev('label').text(); $(this).parent().append('<div class="error">You forgot to enter your '+labelText+'</div>'); $(this).addClass('inputError'); hasError = true; } else if($(this).hasClass('email')) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if(!emailReg.test(jQuery.trim($(this).val()))) { var labelText = $(this).prev('label').text(); $(this).parent().append('<div class="error">You entered an invalid '+labelText+'</div>'); $(this).addClass('inputError'); hasError = true; } } }); if(!hasError) { $('form#contact-form input.submit').fadeOut('normal', function() { $(this).parent().append(''); }); var formInput = $(this).serialize(); $.post($(this).attr('action'),formInput, function(data){ $('#contact-form').prepend('<div><span class="fancy-success">Your email was successfully sent. We will contact you as soon as possible.</span></div>'); resetForm($('#contact-form')); $('.fancy-success').fadeOut(5000); }); } return false; }); } /*-------------------------------------------------------------*/ /* JQUERY CONTACT FORM ENDS */ /*-------------------------------------------------------------*/ /*-------------------------------------------------------------*/ /* JQUERY PORTFOLIO ISOTOPE FILTER STARTS */ /*-------------------------------------------------------------*/ (function() { var $container = $('.portfolio-items'); if( $container.length ) { var $itemsFilter = $('#filterable'); // Copy categories to item classes $('li', $container).each(function(i) { var $this = $(this); $this.addClass( $this.attr('data-categories') ); }); // Run Isotope when all images are fully loaded $(window).on('load', function() { $container.isotope({ itemSelector : 'li', layoutMode : 'fitRows' }); }); // Filter projects $itemsFilter.on('click', 'a', function(e) { var $this = $(this), currentOption = $this.attr('data-categories'); $itemsFilter.find('a').removeClass('active'); $this.addClass('active'); if( currentOption ) { if( currentOption !== '*' ) currentOption = currentOption.replace(currentOption, '.' + currentOption) $container.isotope({ filter : currentOption }); } e.preventDefault(); }); $itemsFilter.find('a').first().addClass('active'); $itemsFilter.on('mouseenter', function() { $(this).find('li a').stop(true,true).slideLeftShow(300); }).on('mouseleave', function() { $(this).find('li a').not('.active').stop(true,true).slideLeftHide(150); }); } })(); /*-------------------------------------------------------------*/ /* JQUERY PORTFOLIO ISOTOPE FILTER ENDS */ /*-------------------------------------------------------------*/ }); }); /*-------------------------------------------------------------*/ /* JQUERY ENDS */ /*-------------------------------------------------------------*/