function toiniimgsbox(dewidth,deheight) { //var dewidth = 428; //var deheight = 258; //var wscrn = document.body.clientwidth;// $(window).width(); var lmk123 = { com: function (con) { var t, imgarr = [], $lmk = $('#foucsbox'), $imgul = $lmk.find('ul.imgcon'), $titlediv = $lmk.find('div.imgtitle'), $foucsdiv = $lmk.find('div.foucs'), $rlbtn = $lmk.find('.foucsbutton'), $rbtn = $lmk.find('.rbtn'), $lbtn = $lmk.find('.lbtn'), config = { len: $imgul.find('li').length, //自动滚动时间,默认两千毫秒(一秒等于一千毫秒) timeo: 5000, //宽,默认680px wid: dewidth, //高,默认380px hei: deheight }, i = 0, autochange = function () { $imgul.animate({ marginleft: '-' + i * config.wid + 'px' }, function () { $foucsdiv.find('span:eq(' + i + ')').addclass('f').siblings().removeclass('f'); $rbtn.find('img').replacewith(imgarr[(i === config.len - 1) ? 0 : (i + 1)]); $lbtn.find('img').length !== 0 ? $lbtn.find('img:eq(0)').replacewith(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]) : $lbtn.append(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]); i += 1; i = i === config.len ? 0 : i; }); }; $imgul.find('img').each(function (inde, ele) { imgarr[inde] = new image(); imgarr[inde].src = $(this).attr('src'); }); $imgul.css('width', config.len * config.wid); $foucsdiv.html(function () { var i, s = ''; for (i = 0; i < config.len; i += 1) { s += ''; } return s; }); $rbtn.find('img').replacewith(imgarr[(i === config.len - 1) ? 0 : (i + 1)]); $lbtn.find('img').length !== 0 ? $lbtn.find('img:eq(0)').replacewith(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]) : $lbtn.append(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]); t = setinterval(autochange, config.timeo); $lmk.mouseenter(function () { clearinterval(t); }).mouseleave(function () { t = setinterval(autochange, config.timeo); }); $rlbtn.hover(function () { $(this).addclass('btnhover'); }, function () { $(this).removeclass('btnhover'); }).click(function () { i = $foucsdiv.find('span.f').index(); if ($(this).is('.lbtn')) { i = (i === 0) ? (config.len - 1) : (i - 1); } else { i = (i === config.len - 1) ? 0 : (i + 1); } autochange(); }); $foucsdiv.find('span').click(function () { i = $(this).index(); autochange(); }); } }; //执行开始 lmk123.com(); }