十年的邱縣網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整邱縣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“邱縣網(wǎng)站設(shè)計”,“邱縣網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

文章詳情（附demo和下載）

$(window).load(function(){
      //我們監(jiān)聽了 window.load 事件，因此我們確定幻燈片上的所有圖片都能夠正確進(jìn)行加載。
      //測試當(dāng)前瀏覽器是否支持canvas元素
    var supportCanvas = 'getContext' in document.createElement('canvas');
     
    //圖片的canvas效果操作是受CPU渲染影響的，
    //這就是為什么我們要使用setTimeout異步地來操作它們
    //這樣就能提升頁面的響應(yīng)
     
       
     
    var slides = $('#slideshow li'),
        current = 0,
        slideshow = {width:0,height:0};
    setTimeout(function(){
        if(supportCanvas){
            $('#slideshow img').each(function(){
                if(!slideshow.width){
                       
                    //保存首張圖片的尺寸
                    slideshow.width = this.width;
                    slideshow.height = this.height;
                }
               
                //渲染修改后圖像的版本
                createCanvasOverlay(this);
            });
        }
        $('#slideshow .arrow').click(function(){
            var li            = slides.eq(current),
                canvas        = li.find('canvas'),
                nextIndex    = 0;
    
            //取決于這個是下一張箭頭的按鈕還是上一張箭頭的按鈕,
            //計算出下一張幻燈片的索引號。
            if($(this).hasClass('next')){
                nextIndex = current >= slides.length-1 ? 0 : current+1;
            }
            else {
                nextIndex = current <= 0 ? slides.length-1 : current-1;
            }
            var next = slides.eq(nextIndex);
            if(supportCanvas){
                  
                //若當(dāng)前瀏覽器支持canvas
                canvas.fadeIn(function(){
                 
                    //顯示下一張的幻燈片
                    next.show();
                    current = nextIndex;
                   //隱藏當(dāng)前的幻燈片
                    li.fadeOut(function(){
                        li.removeClass('slideActive');
                        canvas.hide();
                        next.addClass('slideActive');
                    });
                });
            }
            else {
                //若當(dāng)前瀏覽器不支持canvas元素。
                //使用幻燈片普通版本
                current=nextIndex;
                next.addClass('slideActive').show();
                li.removeClass('slideActive').hide();
            }
        });
    },100);