效果图
index.html
<!DOCTYPE html> <html lang="en"head> Meta charset="UTF-8"title>index</link rel="stylesheet" href="css/style.css"> script src='https://libs.baidu.com/jquery/1.7.1/jquery.min.js'></script="js/jquery.SuperSlide.2.1.1.js"> body> div class="bgfff banner-Box"="g-banner pr"> ="menuwrap"div<!-- 二级导航 --> ="submenu a hide" data-id="a" style="display: none;"> ="innerBox clearfix"> ="subinnerBox"> ="cates-Box"> ="fe-base-Box clearfix"> ="banner-line"> span ="bold mr10 l small-title">前沿技术span="tag-Box l"a href="#">微服务a>区块链>以太坊>人工智能>机器学习>深度学习>计算机视觉>数据分析&挖掘 二级导航广告区 --> ="recomment-Box"="l banner-course-card"="#" title="区块链入门与去中心化应用实战" class="clearfix"img ="images/b1.png"="l"="l course-card"h3 ="course-card-name">区块链入门与去中心化应用实战h3="course-card-price l"> ￥199.00 ="course-card-dot l"i ="imv2-dot_samll"i="course-card-info l" 初级 ="icon-set_sns"509 ="区块链技术核心概念与原理讲解"="images/b2.png">区块链技术核心概念与原理讲解 入门 20167 ="基于Python玩转人工智能最火框架 TensorFlow应用实践"="images/b3.png">基于Python玩转人工智能最火框架 TensorFlow应用实践 ￥299.00 中级 1186 ="Python人工智能常用库Numpy使用入门"="images/b4.png">Python人工智能常用库Numpy使用入门20040 ="submenu b hide">前端开发>HTML/CSS>JavaScript>Vue.js>React.JS>Angular>Node.js>jQuery>Bootstrap>Sass/Less>WebApp>前端工具="HTML5与CSS3实现动态网页">HTML5与CSS3实现动态网页 ￥628.00 5步／29课 1818 ="微信小程序入门与实战 常用组件API开发技巧项目实战">微信小程序入门与实战 常用组件API开发技巧项目实战 ￥149.00 13621 ="揭秘一线互联网企业 前端JavaScript高级面试">揭秘一线互联网企业 前端JavaScript高级面试 ￥366.00 高级 548 ="前端JavaScript面试技巧">前端JavaScript面试技巧 初级 2706 ="submenu c hide">后端开发>Java>SpringBoot>Python>爬虫>Django>Go>PHP>C>C++>C#>Ruby="C++零基础入门 热门编程语言 二级考试必备">C++零基础入门 热门编程语言 二级考试必备 ￥428.00 3步／34课 385 ="Java并发编程与高并发解决方案">Java并发编程与高并发解决方案2001 ="全网最热Python3入门+进阶 更快上手实际开发">全网最热Python3入门+进阶 更快上手实际开发5138 ="最火Python3 玩转实用小工具">最火Python3 玩转实用小工具 ￥166.00 87 ="submenu d hide">移动开发>Android>iOS>React native>WEEX="零基础入门Android语法与界面">零基础入门Android语法与界面 ￥499.00 5步／43课 1984 ="新浪微博资深大牛全方位剖析 iOS 高级面试">新浪微博资深大牛全方位剖析 iOS 高级面试376 ="BAT大咖助力 全面升级Android面试">BAT大咖助力 全面升级Android面试 ￥288.00 3013 ="Android通用框架设计与完整电商APP开发">Android通用框架设计与完整电商APP开发 ￥348.00 1374 ="submenu e hide">算法&数学>算法与数据结构>数学>云计算&大数据>大数据>Hadoop>Spark>Hbase>Storm>云计算>AWS>Docker>Kubernetes="以日志分析为例 进入大数据 Spark sql 的世界">以日志分析为例 进入大数据 Spark sql 的世界973 ="轻松愉快之玩转SpringData">轻松愉快之玩转SpringData22935 ="系统学习Docker 践行DevOps理念">系统学习Docker 践行DevOps理念695 ="HBase入门">HBase入门16656 ="submenu f hide">运维&测试> >运维>自动化运维>Linux>测试>功能测试>性能测试>自动化测试>接口测试>安全测试>数据库>MysqL>Redis>MongoDB>Oracle>sql Server="阿里大牛亲授 阿里云主机(ECS)与CentOS7实战">阿里大牛亲授 阿里云主机(ECS)与CentOS7实战89 ="使用java构建和维护接口自动化测试框架">使用java构建和维护接口自动化测试框架18429 ="Web自动化测试 Selenium基础到企业应用">Web自动化测试 Selenium基础到企业应用 ￥266.00 862 ="Linux系统管理">Linux系统管理60326 ="submenu g hide">UI设计>模型制作>动效动画>设计基础>设计工具>APPUI设计>产品交互>游戏>Unity 3D>Cocos2d-x="移动端App UI 设计入门与实战">移动端App UI 设计入门与实战321 ="高薪设计师必修课 AE移动UI动效设计从入门到实战">高薪设计师必修课 AE移动UI动效设计从入门到实战83 ="Axure入门初体验">Axure入门初体验44228 ="前端工程师必备的PS技能——切图篇">前端工程师必备的PS技能——切图篇228410 > 一级导航 ="menuContent"="item"="group">前沿 / 区块链 / 人工智能="imv2-arrow1_r">前端 / 小程序 / JS>后端 / JAVA / Python>移动 / Android / iOS>云计算 / 大数据 / 容器>运维 / 测试 / 数据库>UI设计 / 3D动画 / 游戏> //导航 建议在div结束后立刻调用 SuperSlide，这样会得到最好的效果，避免整个页面加载后再调用 SuperSlide jQuery(".g-banner).slide({ titCell:.item,鼠标触发对象 targetCell:.submenutitCell里面包含的要显示/消失的对象 delayTime:100效果时间 defaultPlay:false0鼠标延迟触发时间（默认150） returnDefault:true 鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false） }); 轮播图 ="g-banner-content" 轮播图幻灯片 ="g-banner-Box"="banner-slide"ulli><="images/b1.png"="images/b2.png"="images/b3.png"="images/b4.png"="banner-dots"ul ="dian"li =""="javascript:void(0)"="banner-anchor prev icon-left2"="banner-anchor next icon-right2"="cb"> > 轮播图 jQuery(.g-banner-Box).slide({ titCell:.banner-dots ul li.banner-slide ultrue> 轮播图下方广告区 ="path-banner clearfix"="i-web"p ="tit">Web前端攻城狮p="desc">互联网时代最火爆的技术="i-java">Java攻城狮>综合就业排名第一="i-android">Android攻城狮>移动设备市场份额第一="i-PHP">PHP攻城狮>世界上最好的语言：）="i-ios">iOS攻城狮>可能是全球最好用的系统html>
style.css
body,html { font:14px/1.5 "PingFang SC","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif } * { -webkit-Box-sizing:border-Box; -moz-Box-sizing: Box-sizing:border-Box } a { text-decoration:none; color:#000 } img { border:0 } body { background:#fff;#666 } html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td { margin:0; padding:#08acee } button { outline: button,optgroup,select,textarea {inherit;none } li { list-style: a:hover {#eee } .clearfix::after { clear:both; content:"."; display:block; height: visibility:hidden } .clearfix { }body .bk { width:100%;490px; position:absolute; top: transition:all .3s } body .bk {180px; opacity:.3; -webkit-filter:blur(100px); -moz-filter: -o-filter: -ms-filter: filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='100') } body .bk,div { background-size:cover } .banner-Box { padding-top:32px } .g-banner {relative;444px; overflow:hidden;1152px;auto; background-color: border-radius:8px } .g-banner .g-banner-content { float:left;936px } .g-banner .g-banner-content .g-banner-Box {316px; .g-banner .banner-anchor {50%; margin-top:-30px;36px;60px; font-size:24px;rgba(255,.6); text-align:center; line-height: text-shadow:0 2px 4px rgba(7,17,27,.6) } .g-banner .next { right:4px 0 0 4px } .g-banner .prev { left:0 4px 4px 0 } .g-banner .next:hover,.g-banner .prev:hover {rgba(7,1)"> .g-banner .g-banner-Box>a:first-child .banner-slide {block } .g-banner .banner-slide { z-index: .g-banner .banner-slide img { .g-banner .inner {1200px;0 auto } .g-banner .banner-dots { bottom:20px;right; padding-right:12px } .g-banner .banner-dots li {inline-block;8px; margin-left:1px solid rgba(255,1)">transform .2s; cursor:pointer } .g-banner .banner-dots li.on {1px solid rgba(7,.4) } .menuwrap,.submenu {444px } .menuwrap {.502;216px;1 } .submenu {768px;581; Box-shadow:0 4px 8px 0 rgba(0,.1) } .submenu .subinnerBox { .submenu .banner-line {1px;35px 0 23px;rgba(77,85,93,.08) } .submenu .banner-line span {-12px;12px;14px; font-weight:700;#f20d0d;#fff } .submenu .tag-Box { .submenu .tag-Box a { margin-bottom:16px;#4d555d;22px; margin-right:inline-block } .submenu .tag-Box a:last-child { .submenu .subinnerBox .title {#07111b;32px;13px } .submenu .subinnerBox .recommend {33px;16px } .submenu a:hover {#f01414!important } .submenu .subinnerBox .title a:hover {#f01414 } .menuContent {2;#2b333b; border-bottom-left-radius:4px;400 } .menuContent .item .Box a:hover { .menuContent .item {pointer; padding-left:relative } .menuContent .item>a {0 16px; border-top-left-radius:all .1s } .menuContent .item i {21px; .menuContent .item .Box a {#fff!important } .menuContent .on a {#93999f;0 12px 24px 0 rgba(7,.2) } .path-banner {936px;128px;0 4px 8px 0 rgba(7,.1);0 18px } .path-banner i {url(../images/path_new.png) no-repeat;22px } .container-types .wonderful-list .wenda-tit,.path-banner>a { .path-banner .i-web { background-position:center 0 } .path-banner .i-PHP {center -36px } .path-banner .i-java {center -72px } .path-banner .i-android {center -108px } .path-banner .i-ios {center -144px } .path-banner>a { .path-banner>a:hover {-4px } .path-banner .tit { letter-spacing:4px } .path-banner .desc {2px; .submenu .innerBox {12px 48px 32px; min-height:150px } .submenu .innerBox .bkimg {-1px } .recomment-Box {#f8fafc;36px 0 0 48px } .recomment-Box a {100% } .recomment-Box .adsense-Box {312px;64px;#ccc;48px } .recomment-Box .banner-course-card {48px;36px } .recomment-Box .banner-course-card img {42px;#ccc } .recomment-Box .banner-course-card .course-card { .recomment-Box .banner-course-card .course-card-name {232px; text-overflow:ellipsis; white-space:nowrap } .recomment-Box .banner-course-card .course-card-info,.recomment-Box .banner-course-card .course-card-price {20px } .recomment-Box .banner-course-card .course-card-info span { .recomment-Box .banner-course-card .course-card-price.sales { .recomment-Box .banner-course-card .course-card-price.studentsales .sales-tip { .l {left } @font-face { font-family:imv2; src:url(../font/imv2.eot?elwc2w);url(../font/imv2.eot?elwc2w#iefix) format('embedded-opentype'),url(../font/imv2.ttf?elwc2w) format('truetype'),url(../font/imv2.woff?elwc2w) format('woff'),url(../font/imv2.svg?elwc2w#imv2) format('svg');400; font-style:normal } [class*=" imv2-"],[class^=imv2-] {imv2!important; speak:normal; font-variant: text-transform:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .imv2-arrow1_r:before {"\e5cb" }icomoon;url(../font/icomoon.eot?d8493nx);url(../font/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),url(../font/icomoon.ttf?d8493nx) format('truetype'),url(../font/icomoon.woff?d8493nx) format('woff'),url(../font/icomoon.svg?d8493nx#icomoon) format('svg'); [class*=" icon-"],[class^=icon-] {icomoon!important; .icon-left2:before {"\e913" } .icon-right2:before {"\e914" }
jquery.SuperSlide.2.1.1.js
/*! * SuperSlide v2.1.1 * 杞绘澗瑙ｅ喅缃戠珯澶ч儴鍒嗙壒鏁堝睍绀洪棶棰� * 璇﹀敖淇℃伅璇风湅瀹樼綉锛歨ttp://www.SuperSlide2.com/ * * Copyright 2011-2013 璇峰皧閲嶅師鍒涳紝淇濈暀澶撮儴鐗堟潈 * 鍦ㄤ繚鐣欑増鏉冪殑鍓嶆彁涓嬪彲搴旂敤浜庝釜浜烘垨鍟嗕笟鐢ㄩ€� * v2.1.1锛氫慨澶嶅綋璋冪敤澶氫釜SuperSlide锛屽苟璁剧疆returnDefault:true 鏃惰繑鍥瀌efaultIndex绱㈠紩閿欒 */!function(a){a.fn.slide=function(b){return a.fn.slide.defaults={type:"slide",effect:fade1,delayTime:500,interTime:2500,triggerTime:150,defaultIndex:0,titCell:.hd li.bdmouSEOveron.prev.next.pageStateswing.playStateSEOverStop:!1},this.each(function(){var c=a.extend({},a.fn.slide.defaults,b),d=a(this),e=c.effect,f=a(c.prevCell,d),g=a(c.nextCell,h=a(c.pageStateCell,i=a(c.playStateCell,j=a(c.titCell,k=j.size(),l=a(c.mainCell,m=l.children().size(),n=c.switchLoad,o=a(c.targetCell,p=parseInt(c.defaultIndex),q=parseInt(c.delayTime),r=parseInt(c.interTime);parseInt(c.triggerTime);var Q,t=parseInt(c.scroll),u=parseInt(c.vis),v=false"==c.autoPlay||0==c.autoPlay?!1:!"==c.opp||0==c.opp?!"==c.autoPage||0==c.autoPage?!"==c.pnLoop||0==c.pnLoop?!"==c.mouSEOverStop||0==c.mouSEOverStop?!"==c.defaultPlay||0==c.defaultPlay?!"==c.returnDefault||0==c.returnDefault?!."+K)),M=p=-1==L?p:L,N=p,O=p,P=m>=u?0!=m%t?m%t:t:leftMarquee"==e||topMarquee"==e?!0:!function(){a.isFunction(c.startFun)&&c.startFun(p,k,d,a(c.titCell,l,o,f,g)},T=function(){a.isFunction(c.endFun)&&c.endFun(p,U=function(){j.removeClass(K),A&&j.eq(N).addClass(K)};if(menu"==c.type)return A&&j.removeClass(K).eq(p).addClass(K),j.hover(function(){Q=a(this).find(c.targetCell);var b=j.index(a(this));I=setTimeout(function(){switch(p=b,j.removeClass(K).eq(p).addClass(K),S(),e){case":Q.stop(!0).animate({opacity:show"},q,G,T);break;caseslideDown0).animate({height:function(){switch(clearTimeout(I),1)">":Q.animate({opacity:hide":Q.animate({height:function(){clearTimeout(J)},1)">function(){J=setTimeout(U,q)}),void 0;0==k&&(k=m),R&&(k=2),x){if(m>=u)leftLooptopLoop"==e)k=0!=m%t?(0^m/t)+1:m/t;else{var V=m-u;k=1+parseInt(0!=V%t?V/t+1:V/t),0>=k&&(k=1)}else k=1;j.html("");var W="";1==c.autoPage||true"==c.autoPage)for(var X=0;k>X;X++)W+=<li>"+(X+1)+</li>";else 0;k>X;X++)W+=c.autoPage.replace($1);j.html(W);var j=j.children()}if(m>=u){l.children().each(function(){a(this).width()>E&&(E=a(this).width(),D=a(this).outerWidth(!0)),a(this).height()>F&&(F=a(this).height(),C=a(this).outerHeight(!0))});var Y=l.children(),Z=function(){for(var a=0;u>a;a++)Y.eq(a).clone().addClass(clone").appendTo(l);0;P>a;a++)Y.eq(m-a-1).clone().addClass(").prependTo(l)};switch(e){casefold":l.css({position:relativeabsolutenone"});top":l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+u*C+px"></div>').css({top:-(p*t)*C,position:0"}).children().css({height:F});left<div class="tempWrap" style="overflow:hidden; position:relative; width:'+u*D+').css({width:m*D,left:-(p*t)*D,overflow:hidden"}).children().css({float":":case":Z(),l.wrap(').css({width:(m+u+P)*D,left:-(P+p*t)*D}).children().css({').css({height:(m+u+P)*C,top:-(P+p*t)*C}).children().css({height:F})}}var $=function(a){var b=a*t;return a==k?b=m:-1==a&&0!=m%t&&(b=-m%t),b},_=function(b){var c=function(c){for(var d=c;u+c>d;d++)b.eq(d).find(img["+n+]").each(function(){var b=a(this);if(b.attr(src.clone")[0])for(var c=l.children(),d=0;d<c.size();d++)c.eq(d).find(function(){a(this).attr(n)==b.attr(")&&a(this).attr(":c(p*t);":c(P+$(O));":var d="==e?l.css(").replace(px""):l.css(""),f="==e?D:C,g=P;0!=d%f){var h=Math.abs(0^d/f);g=1==p?P+h:P+h-1}c(g)}},ab=function(a){if(!A||M!=p||a||R){if(R?p>=1?p=1:0>=p&&(p=0):(O=p,p>=k?p=0:0>p&&(p=k-1)),null!=n&&_(l.children()),o[0]&&(Q=o.eq(p),null!=n&&_(o),1)">"==e?(o.not(Q).stop(!0).slideUp(q),Q.slideDown(q,1)">function(){l[0]||T()})):(o.0).hide(),Q.animate({opacity:0]||T()}))),m>=u)switch(e){case":l.children().stop(!0).eq(p).animate({opacity:function(){T()}).siblings().hide();function(){T()}).siblings().animate({opacity:":l.stop(!1).animate({top:-p*t*C},1)">function(){T()});1).animate({left:-p*t*D},1)">":var b=O;l.stop(!0).animate({left:-($(O)+P)*D},1)">function(){-1>=b?l.css(1)*t)*D):b>=k&&l.css(0).animate({top:-($(O)+P)*C},1)">1)*t)*C):b>=k&&l.css(":var c=l.css("");0==p?l.animate({left:++c},1)">function(){l.css("")>=0&&l.css(--c},function(){l.css("left").replace("px","")<=-(m+P)*D&&l.css("left",-P*D)});break;case"topMarquee":var d=l.css("top").replace("px","");0==p?l.animate({top:++d},function(){l.css("top").replace("px","")>=0&&l.css("top",-m*C)}):l.animate({top:--d},"")<=-(m+P)*C&&l.css("top",-P*C)})}j.removeClass(K).eq(p).addClass(K),M=p,y||(g.removeClass("nextStop"),f.removeClass("prevStop"),0==p&&f.addClass("prevStop"),p==k-1&&g.addClass("nextStop")),h.html("<span>"+(p+1)+"</span>/"+k)}};A&&ab(!0),B&&d.hover(function(){clearTimeout(J)},function(){J=setTimeout(function(){p=N,A?ab():"slideDown"==e?Q.slideUp(q,U):Q.animate({opacity:"hide"},U),M=p},300)});var bb=function(a){H=setInterval(function(){w?p--:p++,ab()},a?a:r)},cb=function(a){H=setInterval(ab,db=function(){z||(clearInterval(H),bb())},eb=function(){(y||p!=k-1)&&(p++,ab(),R||db())},fb=function(){(y||0!=p)&&(p--,gb=function(){clearInterval(H),R?cb():bb(),i.removeClass("pauseState")},hb=function(){clearInterval(H),i.addClass("pauseState")};if(v?R?(w?p--:p++,cb(),z&&l.hover(hb,gb)):(bb(),z&&d.hover(hb,gb)):(R&&(w?p--:p++),i.addClass("pauseState")),i.click(function(){i.hasClass("pauseState")?gb():hb()}),"mouSEOver"==c.trigger?j.hover(function(){var a=j.index(this);I=setTimeout(function(){p=a,db()},function(){clearTimeout(I)}):j.click(function(){p=j.index(this),db()}),R){if(g.mousedown(eb),f.mousedown(fb),y){var ib,jb=function(){ib=setTimeout(function(){clearInterval(H),cb(0^r/10)},150)},kb=function(){clearTimeout(ib),clearInterval(H),cb()};g.mousedown(jb),g.mouseup(kb),f.mousedown(jb),f.mouseup(kb)}"mouSEOver"==c.trigger&&(g.hover(eb,function(){}),f.hover(fb,function(){}))}else g.click(eb),f.click(fb)})}}(jQuery),jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"eaSEOutQuad",swing:function(a,b,c,e){return jQuery.easing[jQuery.easing.def](a,e)},easeInQuad:function(a,e){return d*(b/=e)*b+c},eaSEOutQuad:function(a,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,e){return d*(b/=e)*b*b+c},eaSEOutCubic:function(a,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,e){return d*(b/=e)*b*b*b+c},eaSEOutQuart:function(a,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,e){return d*(b/=e)*b*b*b*b+c},eaSEOutQuint:function(a,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},eaSEOutSine:function(a,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},eaSEOutExpo:function(a,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},eaSEOutCirc:function(a,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return-(h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g))+c},eaSEOutElastic:function(a,h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return h*Math.pow(2,-10*b)*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInOutElastic:function(a,h=d;if(0==b)return c;if(2==(b/=e/2))return c+d;if(g||(g=e*.3*1.5),h<Math.abs(d)){h=d;var f=g/4}else var f=g/(2*Math.PI)*Math.asin(d/h);return 1>b?-.5*h*Math.pow(2,10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+c:.5*h*Math.pow(2,-10*(b-=1))*Math.sin((b*e-f)*2*Math.PI/g)+d+c},easeInBack:function(a,e,f){return void 0==f&&(f=1.70158),d*(b/=e)*b*((f+1)*b-f)+c},eaSEOutBack:function(a,d*((b=b/e-1)*b*((f+1)*b+f)+1)+c},easeInOutBack:function(a,(b/=e/2)<1?d/2*b*b*(((f*=1.525)+1)*b-f)+c:d/2*((b-=2)*b*(((f*=1.525)+1)*b+f)+2)+c},easeInBounce:function(a,e){return d-jQuery.easing.eaSEOutBounce(a,e-b,e)+c},eaSEOutBounce:function(a,e){return(b/=e)<1/2.75?d*7.5625*b*b+c:2/2.75>b?d*(7.5625*(b-=1.5/2.75)*b+.75)+c:2.5/2.75>b?d*(7.5625*(b-=2.25/2.75)*b+.9375)+c:d*(7.5625*(b-=2.625/2.75)*b+.984375)+c},easeInOutBounce:function(a,e){return e/2>b?.5*jQuery.easing.easeInBounce(a,2*b,e)+c:.5*jQuery.easing.eaSEOutBounce(a,2*b-e,e)+.5*d+c}});
图片素材如下
图标字体素材如下
