首页 / JQUERY / jquery------.cycle的使用

jquery------.cycle的使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery------.cycle的使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1060字，纯文字阅读大概需要2分钟。

内容图文

代码下载地址:http://malsup.github.io/jquery.cycle.all.js

把里面的代码复制到jquery.cycle.all.js里面

 

index.jsp

            <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/my.js"></script>
<
            ul 
            id
            ="book"
            >
            <
            li
            ><
            img 
            title
            ="A"
             src
            ="addimage/2.jpg"
             width
            ="300px"
             height
            ="220px"
            ></
            li
            >
            <
            li
            ><
            img 
            title
            ="B"
             src
            ="addimage/gaoda.jpg"
             width
            ="300px"
             height
            ="220px"
            ></
            li
            >
            </
            ul
            >

 

my.js

$("#book").cycle({
        timeout:2000,
        speed:200,
        pause:true
    });
    
    var $book=$("#book");
    var $control=$("<div id=‘bc‘></div>");
    $control.insertAfter($book);
    $("<button>pause</button>").click(function(event){
        $book.cycle("pause");
    }).appendTo($control);
    $("<button>resume</button>").click(function(event){
        //$book.cycle("resume");var $pause=$("ul:paused");
        if($pause.length){
            $pause.cycle("resume");
        }
        else{
            $(this).effect("pulsate",10);
        }
    }).appendTo($control);

 

原文：http://www.cnblogs.com/tianhengblogs/p/5481002.html

内容总结

以上是互联网集市为您收集整理的jquery------.cycle的使用全部内容，希望文章能够帮你解决jquery------.cycle的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1283056.html

来源：【匿名】