$("#banner").height($(window).height()-125);$(window).resize(function(){ $("#banner").height($(window).height()-125);}); //首頁幻燈$(".indeximgs:first").show();var i=0;$(".leftbut").click(function(){$(".indeximgs").hide();i=i-1;if (i==-1) {i=5}$(".indeximgs:eq("+i+")").fadeIn(1000);});$(".rightbut").click(function(){ $(".indeximgs").hide();i=i+1;if (i==6) {i=0} $(".indeximgs:eq("+i+")").fadeIn(1000); });//logo動畫效果$("#logo").hover(function(){$("#logo img").attr('src','img/logo1.jpg');$("#logo img").addClass('animated flipInY');},function(){$("#logo img").removeClass('flipInY');$("#logo img").addClass('animated flipInX');$("#logo img").attr('src','img/logo.jpg');});//導航動畫效果$("#guild ul li").hover(function(){ $(this).addClass('animated pulse');},function(){$(this).removeClass('pulse');});//banner出現時一次動畫$("#banner").addClass('animated fadeInDown');//搜索事件$("#sbut").hover(function(){$("#search").show();$("#search").removeClass('slideOutLeft'); $("#search").addClass('animated fadeInLeftBig');});$("#closesearch").click(function(){setTimeout(function(){$("#search").hide();},1000);$("#search").addClass('animated slideOutLeft');$("#search").removeClass('fadeInLeftBig');});//優化顯示$("#indexperson").css("visibility","hidden");$("#huandeng").css("visibility","hidden");$("#foot").css("visibility","hidden");$(document).ready(function(){$(window).bind("scroll", function(event){if ($(window).scrollTop()>303 && $(window).scrollTop()<407) { $("#indexperson").css("visibility","visible");$("#indexperson").addClass('animated fadeInUp');//setTimeout(function(){$("#indexperson").removeClass('fadeInUp');},2000);}if ($(window).scrollTop()>515 && $(window).scrollTop()<930) { $("#huandeng").css("visibility","visible");$("#huandeng").addClass('animated fadeInUp');//setTimeout(function(){$("#huandeng").removeClass('fadeInUp');},2000);}if ($(window).scrollTop()>1300 && $(window).scrollTop()<1500) { $("#foot,#copyright").css("visibility","visible");$("#foot,#copyright").addClass('animated fadeInUp');//setTimeout(function(){$("#foot").removeClass('rotateInDownLeft');},2000);}});});

　　同事做的網站sanbf.com的效果應用。。

?

轉載于:https://www.cnblogs.com/qfly/p/4654648.html

總結

以上是生活随笔為你收集整理的animate css3 应用的借鉴，一个同事写的JS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。