Title1

Title2

Title3

1-4 backstretch jquery plugin

backstretch 一個簡單的jQuery插件,它允許你動態調整大小,幻燈片功能的背景圖像添加到任何頁面或元素

官網:http://srobbin.com/jquery-plugins/backstretch/

示範:https://www.ugm.com.tw/tncomu/backstretch.html

用法:

引入

<script src="js/backstretch/jquery.backstretch.min.js"></script>

設定


    <script type="text/javascript">
      $(document).ready(function(){
        $('.top-content').backstretch([
           "img/3.jpg"
         , "img/2.jpg"
         , "img/1.jpg"
         ], {duration: 3000, fade: 750});
      });
    </script>

範例:https://www.ugm.com.tw/tncomu/backstretch.html