jQuery -循环帮助

oyt4ldly  于 2023-10-17  发布在  jQuery
关注(0)|答案(2)|浏览(97)

我希望得到一些关于使用jQuery的cycle库的帮助。我在beginner演示,我得到了绝对的第一个完成。这是页面上的第二个。

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {

    $('.pics').cycle({
        fx:      'scrollDown',
        speed:    300,
        timeout:  2000
    });
</script>

我的CSS与页面上的相同,这就是为什么我把.pics放在引号里。

qq24tv8q

qq24tv8q1#

我猜这对你不起作用你需要平衡你的大括号和圆括号。
试试这个:

$(document).ready(function() { 
    $('.pics').cycle({  
        fx: 'scrollDown',     
        speed: 300,     
        timeout: 2000 
    });
});
cwxwcias

cwxwcias2#

是否可以重新讨论这个问题?它的工作OK,但我有一个粗略的时间造型这一点。我尝试让图片向左浮动,文本向右环绕,就像demo(非图片内容)一样。
我的剧本是:

<script type="text/javascript">

$(document).ready(function() {
    $('.text')
    .before('<div id="slidenav">')
    .cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 6000,
        pager:  '#slidenav',
       pause: 1
    });
});

</script>

...

<div id="featured">
    <div class="text">
        <txp:article_custom form="slidetext" section="slide" limit="5" />
    </div>
</div>

我的CSS是:

.text { width: 600px; height: 200px; border: 1px solid #ddd; background-color: green; }
.text div { width: 500px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; background-color:red; }
.text div img {width: 200px; height: 200px; padding: 3px; background: orange }
.text div p{ background-color:black;}

对不起,这里没有浮动属性,因为它们都不起作用。我从jQuery循环演示页面上抓取了CSS。
并且结果是
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg

相关问题