2010-10-01安平國小企鵝故事團-協作平台教學

跑馬燈及廣告輪播

【跑馬燈及廣告輪播】

 

【育將電腦工作室】【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>