標題：頁面會上下開啓的功能 (IntroTzikas)
出處：A.PAO designSTUDIO BLOG
時間：Wed, 31 Aug 2011 16:04:18 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/808/

內容：

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1215

▲當頁面讀進來時，像是上下開啓的門，並做淡入的功能

到 IntroTzikas - Animated Intro - jQuery Plugin 下載以下需要的 js

<script src="<階層>/jquery-1.5.1.min.js" type="text/javascript"></script>  
<script src="<階層>/introtzikas.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $().introtzikas({
     line: '#FFF', //線的顏色
     speedwidth: 3000, //橫幅移動完成的速度
     speedheight: 2000, //高度移動的速度
     bg: 'red' //背景色
  }); 
});
</script>


範例網址：
http://www.eton.tw/


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1216






Generated by Bo-blog 2.1.1 Release