​永康网站推广【永康官网推广哪个效果好】永康百度竞价推广托管、永康百度优化推广外包、永康全网霸屏推广多少钱、永康网络推广一年大概多少费

新建html文档。

书写hmtl代码。<div id="wrapper">  <div id="words">        <div class="quote">      <blockquote>        <p class="quote-content"><span class="animate0 fadeInDown"> 百度经验</span> <span class="animate1 fadeInDown">百度经验</span> <span class="animate2 fadeInDown">百度经验.</span> <span class="animate3 fadeInDown">百度经验</span> <span class="animate4 fadeInDown">百度经验</span> <span class="animate5 fadeInDown">百度经验</span> <span class="animate6 fadeInDown">百度经验</span> <span class="animate7 fadeInDown">百度经验</span> <span class="animate8 fadeInDown">百度经验</span> <span class="animate9 fadeInDown">百度经验</span> <span class="animate10 fadeInDown">百度经验</span> <span class="animate11 fadeInDown"> 百度经验.</span> <span class="animate12 fadeInDown"></span> </p>      </blockquote>      <cite class="quote-author"><span class="animate13 fadeInDown">百度经验</span> <span class="animate14 fadeInDown">百度经验</span> <span class="animate15 fadeInDown">(11</span> <span class="animate16 fadeInDown">-</span> <span class="animate17 fadeInDown">04)</span> </cite> </div>  </div></div>

书写css代码。#wrapper{width:960px;margin:0auto;overflow:hidden;}.quote{display:block;width:100%;margin:0;margin-top:120px;text-align:center;}blockquotep{padding:0px0px0px14px;line-height:160%;font-size:1.2em;float:left;}blockquote{padding:20px;padding-right:0;font-size:1.8em;}cite{margin-top:14px;margin-right:48px;font-size:1.2em;float:right;}.quote-contentspan,.quote-authorspan{display:inline-block;}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframesfadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframesfadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px);}100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframesfadeInLeft{0%{opacity:0;-o-transform:translateX(-20px);}100%{opacity:1;-o-transform:translateX(0);}}@keyframesfadeInLeft{0%{opacity:0;transform:translateX(-20px);}100%{opacity:1;transform:translateX(0);}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframesfadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframesfadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframesfadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}100%{opacity:1;-o-transform:translateY(0);}}}

书写css代码。<script>jQuery(document).ready(function($) {    $('#words').quoteRotator();});</script>

代码整体结构。

查看效果。