jQuery平滑旋轉投影片特效程式碼分享_jquery

本文實例講述了jQuery平滑旋轉幻燈片特效。分享給大家供大家參考。具體如下：
這款基於jQuery實現平滑旋轉幻燈片程式碼，效果超酷，場面相當震撼；圖片大小和顏色自訂請修改jQuery-jcImgScroll.js。
運作效果圖：               -------------------檢視效果 下載原始碼----------- --------

小提示：瀏覽器中如果無法正常運作，可以嘗試切換瀏覽模式。
js關鍵程式碼：

<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!-- 
$(function(){
 $("#demo1").jcImgScroll({
 
 });
 $("#demo2").jcImgScroll({
 count : 7
 });
 $("#demo3").jcImgScroll({
 arrow : {
 width:110, 
 height:342,
 x:220,
 y:0
 },
 count : 3,
 offsetX : 140,
 NumBtn : true,
 title:false
 });
});
-->
</script>

為大家分享的jQuery平滑旋轉投影片程式碼如下

<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!-- 
$(function(){
 $("#demo1").jcImgScroll({
 
 });
 $("#demo2").jcImgScroll({
 count : 7
 });
 $("#demo3").jcImgScroll({
 arrow : {
 width:110, 
 height:342,
 x:220,
 y:0
 },
 count : 3,
 offsetX : 140,
 NumBtn : true,
 title:false
 });
});
-->
</script>




   

    

    

    

    

    

    

    

   
 


{download}
{content}
{google_729x90}

以上就是為大家分享的jQuery平滑旋轉投影片特效程式碼，希望大家可以喜歡，並應用在實作上。