$(
function() 
{ 
    $('#push .recommends').scrollable({vertical:true,size:1}).circular().autoscroll(); 
    var slideapi = $('#slide .slidegrid').scrollable({ size:1, clickable:false, onBeforeSeek: function(event, i) 
    { 
        var pane = this.getItems().eq(i); 
        if (pane.is(":empty")) 
        { 
            pane.append(slide[this.getIndex()]); 
        } 
     } 
}).circular().autoscroll({interval:5000}).navigator({navi:'.slidenav ul',api:true}); 
$('.navctl').toggle(function() { slideapi.pause();$(this).addClass('pause').attr('title','播放'); },function() { slideapi.play();$(this).removeClass('pause').attr('title','暂停'); }); $('.slidenav li').hover(function() { $(this).trigger('click'); var index = slideapi.getIndex(); $('#slide img:eq('+ index +')').trigger('mouseover'); $('.navctl').addClass('pause').attr('title','播放'); }, function() { var index = slideapi.getIndex(); $('#slide img:eq('+ index +')').trigger('mouseout'); $('.navctl').removeClass('pause').attr('title','暂停'); }); $('#hotslide .slidegrid').scrollable({ clickable:false, onBeforeSeek: function(event, i) { var pane = this.getItems().eq(i + 4); if (pane.is(":empty")) { pane.append(hot[this.getIndex()]); } } }).circular().autoscroll({steps:1}); $('#topic .leftgrid').scrollable({ vertical:true, size:1, clickable:false, onBeforeSeek: function(event, i) { var pane = this.getItems().eq(i); if (pane.is(":empty")) { pane.append(topic[this.getIndex()]); } } }).circular().autoscroll({interval:5000}).navigator(); var tabarr = ['#designers', '#industry', '#production', '#design']; $.each(tabarr, function() { $(this + ' .tabs').tabs(this + ' > div',{ effect: 'fade', onBeforeClick: function(event, i) { var pane = this.getPanes().eq(i); if (pane.is(':empty')) { var parent = this.getCurrentTab().parents('ul'); parent.after('<div class="loading" style="padding:20px;">数据加载中...</div>'); pane.load(this.getTabs().eq(i).attr('href'), function(){parent.next('.loading').remove();}); } } }); }); $("#galleries .tabs").tabs("#galleries >div",{ effect:'fade', onBeforeClick:function(event,i) {if(i==2) {window.open('','"_blank"');return false;} else {var pane=this.getPanes().eq(i);if(pane.is(':empty')) {var parent = this.getCurrentTab().parents('ul');parent.after('<div class="loading" style="padding:20px;">数据加载中...</div>');pane.load(this.getTabs().eq(i).attr('href'), function(){parent.next('.loading').remove();});}}} });});