首頁 > web前端 > js教程 > 主體

JS簡單的輪播的圖片滾動實例_javascript技巧

WBOY
發布: 2016-05-16 17:32:19
原創
911 人瀏覽過

[javascript] 

複製程式碼 程式碼如下:

var forimg = function (foritem,hoverStop,defaultfor) { 
        var _foritem = foritem.constructor == 🎜>            { " z-index": 1, "寬度": 100, "高度": 100, "左": 0, "頂部": "75px" }, 
            { "z-index": 2, "width": 200, "height": 200, "left": 50, "top": "25px" }, 
            { "z-index": 3, "width" : 300, 左高度" : 150, "上": "0" }, 
            { "z-index": 2, "寬度": 200, "高度": 200, "左": 370, "寬度": 200, "高度": 200, "左": 370, "寬度": 25px" , 
            { "z-index": 1, "寬度": 100, "高度": 100, "左": 520, "上": "75px" }              var _this = $(this); 
               _this.find(" img").css( imgarr[i] || imgarr[4]); 
        });   www.jb51.net
            $(foritem).each( function (i) { 
                var self = $(this); 
                     self.css("z-index", (data[i _i] || nulldata)[" z-index"]) 
                     self.stop().animate(data [i _    self.find("img").stop().animate(data[i _i] || nulldata, function () { 
                       call(self, i )
               }); 
           ,);   
        var defaultforfun = function () { 
             
            } else { 
                    }
        var forimgInterval = setInterval(defaultforfun, 1000); 
        if (hover 
               clearInterval(forimgInterval); 
          🎜>                forimgInterval = setInterval(defaultforfun, 1000); 
    >        this.leftfor = function () { 
            var nuldata = { "z-index": -1, "width ": 100, "height": 100, "left": 520, "頂部": "75px" }; 
            imgarr[0]["z-index"] = 1; 
            imgarr[0]["z-index"] = 2 
           imgarr[0]["z-index"] = 2 
            imgarr[0]["z-index"] = 1 
                if (i == 0) { 
                   這樣。最近的( } ul").append(this); 
                } 
             this.rightfor = function () { 
            var nuldata = { 「z 索引」:- 1 , "寬度": 100, "高度": 100, "左": 0, "頂部": " 75像素"}; 
            imgarr[0]["z-index"] = 1; 
            imgarr[0]["z-index"] = 2 
            imgarr[0]["z-index"] = 5 
            imgarr[0]["z-index"] = 2 
            _for      if (i == _foritem.length - 1) { 
                   而言。 close("ul").prepend(this); 
                   this.css("z-index", " >           }); 
        }; 
        this.stop = function () { 
            clearInterval(forimgInterval); 
        }; 
        this.next = function () { 
            forimgInterval = setInterval(defaultforfun, 1000); 
        }; 
    }; 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!