jQuery - 修改效果向左滑动

时间:2011-08-11 14:53:43

标签: jquery

我今天早上一直在试图修改我的jQuery循环脚本。目前效果设置为'淡入淡出',我试图将其修改为向左滑动。

能够并且可以使用一些帮助......不仅仅是代码,还解释了如何获得这些知识。

谢谢。

<script>
$(function() {
    $('.slideshow').before('<div id="mininav" class="mininav"></div>')
        .cycle({
            fx:'fade',
            speed:  'slow',
            timeout: 3000,
            pause: 1,
            pager:  '#mininav',
            slideEXpr: 'div.slide',
            before: function() {if (window.console){ console.log(this.src); }}
        })

        .hover(function() {
            $('#mininav-pause').show();},
            function(){$('#mininav-pause').hide();
        });
   });

1 个答案:

答案 0 :(得分:2)

要获得slideLeft效果,您必须使用scollHorx来设置fx属性。浏览循环插件documenation以了解它提供的各种效果。

$(function() {
    $('.slideshow').before('<div id="mininav" class="mininav"></div>')
        .cycle({
            fx:'scrollHorz',
            speed:  'slow',
            timeout: 3000,
            pause: 1,
            pager:  '#mininav',
            slideEXpr: 'div.slide',
            before: function() {if (window.console){ console.log(this.src); }}
        })

        .hover(function() {
            $('#mininav-pause').show();},
            function(){$('#mininav-pause').hide();
        });
   });