2010年3月28日 星期日

跑馬燈及廣告輪播


【跑馬燈及廣告輪播】
 
【育將電腦工作室】【http://www.ugm.com.tw
作者:郭俊良(tawan158@gmail.com)
台南縣永康市大灣路158號




<style type="text/css">
    .slideshow { height: 50px; width: 97%; margin: auto }
    .slideshow div { height: 50px; width: 97%;padding: 0px ; border: 1px solid #ccc; background-color: #eee; }
  </style>
<!-- include jQuery library -->
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
  <!-- include Cycle plugin -->
  <script type="text/javascript" src="jquery.cycle.all.min.js"></script>
 
  <!--  initialize the slideshow when the DOM is ready -->
  <script type="text/javascript">
  $(document).ready(function() {
      $('.slideshow').cycle({
          fx: 'scrollLeft', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
      speed:    10000,
      timeout:  500
      });
  });
  </script>

    <div class="slideshow">
        <div><p><a href='http://www.ugm.com.tw' target="_blank">育將電腦工作</a> | <a href='http://shop.ugm.com.tw' target="_blank">冰紋藝術‧植物手染</a></p></div>
        <div><img src='demo.png' /></div>
    </div>