myfocus.pattern.extend({ //*********************奇艺****************** 'xiaoding': function(settings, $) { var $focus = $(settings); var $slider = $focus.addhtml('
'); $slider[0].appendchild($focus.find('.pic')[0]); $slider[0].appendchild($focus.addlisttxt()[0]); var $piclist = $focus.find('.pic li'); var $txtlist = $focus.find('.txt li'); var $numlist = $focus.addlistnum().find('li'); //css var w = settings.width, txth = settings.txtheight, n = $piclist.length; $slider[0].style.width = w * n + 'px'; for (var i = 0; i < n; i++) $piclist[i].style.width = w + 'px'; //play $focus.play(function(i) { $numlist[i].classname = ''; }, function(i) { $txtlist[i].style.top = 0 + 'px'; //复位 $slider.slide({ left: -w * i }, 800, function() { $txtlist.eq(i).slide({ top: -txth }); }); $numlist[i].classname = 'current'; }); //control $focus.bindcontrol($numlist); } }); myfocus.config.extend({ 'xiaoding': { txtheight: 34 } }); //默认文字层高度 myfocus.set({ id: 'myfocus', //id pattern: 'xiaoding' //风格 });