Jquery學習之Jquery外掛程式

來源:互聯網
上載者:User

標籤:完成   ul li   defaults   eee   highlight   rand   title   覆蓋   random   

1.cycle投影片.cycle();
    //books結構 ul li    $(‘#books‘).cycle();    $(‘#books‘).cycle({        timeout:2000,        speed:500,        pause:true    });    //設定初始預設值    $.fn.cycle.defaults.timeout = 10000;//切換頻率    $.fn.cycle.defaults.random = true;//是否隨機切換    $(‘#books‘).cycle({        timeout: 2000,//會覆蓋預設的切換頻率        speed: 500,        pause: true    })     var $books = $(‘#books‘);     var $controls = $(‘<div id="books-controls"></div>‘).insertAfter($books);     $(‘<button>Pause</button>‘).click(function (e) {         e.preventDefault();         $books.cycle(‘pause‘);     }).appendTo($controls);    // $(‘<button>Resume</button>‘).click(function (e) {    //     e.preventDefault();    //     $books.cycle(‘resume‘);    // }).appendTo($controls);    //假如有多組投影片,一鍵恢複     $(‘<button>Resume</button>‘).click(function(e) {         e.preventDefault();        $(‘ul:paused‘).cycle(‘resume‘);//恢複所有被暫停投影片     }).appendTo($controls);    
2.cookie

.cookie();

    //設定cookie    if ($.cookie(‘cyclePaused‘) == null) {//如果存在暫停cookie        $books.cycle(‘pause‘);    }    var $controls = $(‘<div id="books-controls"></div>‘).insertAfter($books);    $(‘<button>Pause</button>‘).click(function (e) {        e.preventDefault();        $books.cycle(‘pause‘);        //$.cookie(‘cyclePaused‘, ‘y‘);//設定暫停cookie        $.cookie(‘cyclePaused‘, ‘y‘, {//設定暫停cookie            path: ‘/‘,//全網站允許訪問            expries: 7//到期期限為7天        });    }).appendTo($controls);    $(‘<button>Resume</button>‘).click(function (e) {        e.preventDefault();        $books.cycle(‘resume‘);        $.cookie(‘cyclePaused‘, null);//清除暫停cookie    }).appendTo($controls);

 

3.JqueryUI
    $books.hover(function () {        $books.find(‘.title‘).animate({            backgroundColor: ‘#eee‘,            color: ‘#000‘        }, 1000);    }, function () {        $books.find(‘.title‘).animate({            backgroundColor: ‘#000‘,            color: ‘#fff‘        }, 1000)    })    $(‘h1‘).click(function(){        $(this).toggleClass(‘highlighted‘,‘slow‘);//動態添加/移除類        $(this).toggleClass(‘highlighted‘, ‘slow‘,‘easeInExpo‘);//動態添加/移除類        //easeInExpo:先慢後快完成整個變換    })   
     $books.find(‘.title‘).resizable();//調節大小

 

Jquery學習之Jquery外掛程式

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: