• 02-14

    2014

    【特效元件】網頁動畫css3超彈Q小圖示WOW.js

    .wow:first-child { visibility: hidden; } WOW.js 使用方法也很簡單喔,記得要先呼叫JQuery然後貼上下面的程式就可以用了 <link rel="stylesheet" href="css/libs/animate.css">   <script src="dist/wow.js"></script>   <script>     wow = new WOW(       {         animateClass: 'animated',         offset:       100       }     );     wow.init();   </script>    您可以參考這個網址喔~~ http://www.jqueryrain.com/?82TiPT3s 裡面有更多可愛的範例 這個網址裡面有更多動畫選擇喔 http://daneden.github.io/animate.css/            wow = new WOW( { animateClass: 'animated', offset: 100 } ); wow.init(); 台北網頁設計,新竹網頁設計
  • 11-26

    2013

    【特效元件】圖片滑出字幕 jCapSlide

    參數和使用方法 <script type="text/javascript"> $(document).ready(function(){     $(".demo").capslide();  }); </script> <div class="demo"> <div id="capslide_img_cont6" class="ic_container"> <img src="images/example2.jpg" width="180" height="240" alt="" /> <div class="overlay" style="display:none;"></div> <div class="ic_caption"> <p class="ic_category">Category</p> <h3>Amazing Image Title</h3> <p class="ic_text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div>   參數: caption_color: 字幕的字顏色 caption_bgcolor: 字幕的背景顏色 overlay_bgcolor: 字幕上面有一層透度的顏色 border:  邊框樣式 例如: ’2px solid #00000′ 這樣就是一個黑色實線邊框 showcaption:  是否要顯示字幕 原參考網址: http://tympanus.net/jCapSlide/ 看完整網頁:http://www.flyfreely.com.tw/javascript_demo/jCapSlide/jCapSlide_ch.html 台北網頁設計,新竹網頁設計
  • 04-13

    2012

    【特效元件】動態圖示選單

    看完整網頁:http://www.flyfreely.com.tw/javascript_demo/AnimatedTextIconMenu/example1.html 台北網頁設計,新竹網頁設計
  • 04-12

    2012

    【特效元件】橫幅廣告輪播

    看完整網頁:http://www.flyfreely.com.tw/javascript_demo/lofslidernews/ 台北網頁設計,新竹網頁設計
  • 04-12

    2012

    【特效元件】3D旋轉物件

    看完整網頁:http://www.flyfreely.com.tw/javascript_demo/panorama/index_original.html 台北網頁設計,新竹網頁設計
    1. 台北網頁設計,新竹網頁設計