源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-06-19 00:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS简单的轮播的图片滚动实例
[javascript] 
[u]复制代码[/u] 代码如下:
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.1sucai.cn         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);                      });                  });              });          };          var that = this;          var defaultforfun = function () {              if (!defaultfor) {                  that.leftfor();              } else {                  that.rightfor();              }          }          var forimgInterval = setInterval(defaultforfun, 1000);          if (hoverStop) {              _foritem.hover(function () {                  clearInterval(forimgInterval);              }, function () {                  forimgInterval = setInterval(defaultforfun, 1000);              });          }          this.leftfor = function () {              var nuldata = { "z-index": -1, "width": 100, "height": 100, "left": 520, "top": "75px" };              imgarr[0]["z-index"] = 1;              imgarr[0]["z-index"] = 2              imgarr[0]["z-index"] = 3              imgarr[0]["z-index"] = 2              imgarr[0]["z-index"] = 1              _for(-1, imgarr, nuldata, function (i) {                  if (i == 0) {                      this.closest("ul").append(this);                  }              });          };          this.rightfor = function () {              var nuldata = { "z-index": -1, "width": 100, "height": 100, "left": 0, "top": "75px" };              imgarr[0]["z-index"] = 1;              imgarr[0]["z-index"] = 2              imgarr[0]["z-index"] = 4              imgarr[0]["z-index"] = 5              imgarr[0]["z-index"] = 2              _for(1, imgarr, nuldata, function (i) {                  if (i == _foritem.length - 1) {                      this.closest("ul").prepend(this);                      this.css("z-index", "1");                  }              });          };          this.stop = function () {              clearInterval(forimgInterval);          };          this.next = function () {              forimgInterval = setInterval(defaultforfun, 1000);          };      }; 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部