首页 > 语言 > JavaScript > 正文

JS简单的轮播的图片滚动实例

2024-05-06 14:38:46
字体:
来源:转载
供稿:网友
[javascript] 
代码如下:
var forimg = function (foritem, hoverStop, defaultfor) { 
        var _foritem = foritem.constructor == jQuery ? foritem : $(foritem); 
        var imgarr = [ 
            { "z-index": 1, "width": 100, "height": 100, "left": 0, "top": "75px" }, 
            { "z-index": 2, "width": 200, "height": 200, "left": 50, "top": "25px" }, 
            { "z-index": 3, "width": 300, "height": 250, "left": 150, "top": "0" }, 
            { "z-index": 2, "width": 200, "height": 200, "left": 370, "top": "25px" }, 
            { "z-index": 1, "width": 100, "height": 100, "left": 520, "top": "75px" } 
        ]; 
        _foritem.each(function (i) { 
            var _this = $(this); 
            _this.css(imgarr[i] || imgarr[4]); 
            _this.find("img").css(imgarr[i] || imgarr[4]); 
        });   www.Vevb.com
        var _for = function (_i, data, nulldata, callback) { 
            $(foritem).each(function (i) { 
                var self = $(this); 
                setTimeout(function () { 
                    self.css("z-index", (data[i + _i] || nulldata)["z-index"]) 
                    self.stop().animate(data[i + _i] || nulldata); 
                    self.find("img").stop().animate(data[i + _i] || nulldata, function () { 
                        callback.call(self, i); 
                    }); 
                }); 
            }); 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选