特效描述:利用jQuery实现 网站logo 动态展示。利用jQuery实现网站logo动态展示代码
代码结构
1. 引入CSS
<link rel='stylesheet' id='at_logocarousel_style-css' href='css/zzsc.css' type='text/css' media='all' />
2. 引入JS
<script type='text/javascript' src='js/jquery.js'></script> <script type='text/javascript' src='js/jquery.isotope.min.js'></script> <script type='text/javascript' src='js/jquery.waitforimages.js'></script> <script type='text/javascript' src='js/jquery.at.logocarousel.min.js'></script>
3. HTML代码
<div id="main-container" class="twelve animated BeanFadeIn"> <div class="row"> <div class="seven columns clearfix" role="main"> <section id="post-291" class="post-291 page type-page status-publish hentry"> <div class="entry-content"> <div class="at_logo_carousel" id="at_logo_carousel_110" data-carousel-id="110" data-speed="60" data-speed-random="15" data-rows="7" data-cols="4" data-alignment="vertical" data-force-fullwidth="0" data-background="#ffcd6c" data-vertical-direction="down" data-horizontal-direction="right" data-height="300" data-topbottom-padding="15" data-leftright-padding="10" "> <ul> <li><img src="images/redhat_w.png" alt="" /></li> <li><img src="images/twitter_w.png" alt="" /></li> <li><img src="images/wordpress_w.png" alt="" /></li> <li><img src="images/champions_w.png" alt="" /></li> <li><img src="images/cocacola_w.png" alt="" /></li> <li><img src="images/facebook_w.png" alt="" /></li> <li><img src="images/pixar_w.png" alt="" /></li> </ul> </div> </div> </section> </div> </div> </div> <div style="text-align:center;clear:both"><br> </div>