【跑馬燈及廣告輪播】
【育將電腦工作室】【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> |