bottom_20090120.js

大图加小图的javascript特效

this.btnMin=this.mh.find('>i.min');if(this.btnMin.length<1){this.mh.prepend('<i class="del" title="\u5173\u95ed">X</i><i class="min" title="\u6298\u53e0/\u5c55\u5f00">_</i>');this.btnMin=this.mh.find('>i.min');}else{this.btnMin.unbind('click');}
this.btnMin.bind('click',this._minClick);this.btnDel=this.mh.find('>i.del').unbind('click').bind('click',this._delClick);if(this.h){Drag.init(this.h,this.a);this.a.onDragStart=this._dragStart.bind(this);this.a.onDrag=this._drag.bind(this);this.a.onDragEnd=this._dragEnd.bind(this);}},_urlMouseUp:emptyfn,_urlMouseDown:emptyfn,_urlClick:emptyfn,uninit:Module_P_uninit,Da:Module_P_Da,_dragStart:Module_P__dragStart,_drag:Module_P__drag,_dragEnd:Module_P__dragEnd,_minClick:function(ev){this.mb.toggleClass('hide');if(this.mb.hasClass('hide')){jq(ev.target).addClass('max');}else{jq(ev.target).removeClass('max');}
updateDisplay();},_delClick:function(){if(confirm('\u786e\u8ba4\u5173\u95ed')){hp.mds.removeMd(this);this.md.remove();setTimeout(updateDisplay,0);}}});function TabModuleSub(a,b,pmd,idx,tabnum){this.tab=a;this.active=this.active.bind(this);this.deactive=this.deactive.bind(this);this._expClick=this._expClick.bind(this);this.btn=a.find('a').bind('click',this.active);(idx==0)?a.addClass("first"):a.removeClass("first");(idx==tabnum)?a.addClass("last"):a.removeClass("last");this.btnExp=a.find('i.exp');if(this.btnExp.length<1){this.tab.find('h2').prepend('<i class="exp" title="拆分">X</i>');this.btnExp=a.find('i.exp');}else{this.btnExp.unbind('click');}
this.btnExp.bind('click',this._expClick);this.mb=b;if(this.tab.hasClass('cur')){this.mb.removeClass('hide');}else{this.mb.addClass('hide');}
this.pmd=pmd;this.tabIdx=idx;if(b.length){this.Ia=b.find('iframe');if(this.Ia.length<1){delete this.Ia;}}}
TabModuleSub.mixin({type:"tabsub",active:function(ev){this.btn[0].blur();if(this.pmd.activeMd==this){return true;}
this.tab.addClass('cur');this.mb.removeClass('hide');this.pmd.activeMd&&this.pmd.activeMd.deactive();this.pmd.activeMd=this;this.Ia&&jq.browser.msie&&this.Ia.each(function(idx,mb_iframe){mb_iframe.src=mb_iframe.src;});updateDisplay();hp.Sa();return false;},deactive:function(){this.tab.removeClass('cur');this.mb.addClass('hide');if(this.pmd.activeMd==this){this.pmd.activeMd=null;}},_expClick:function(){this.pmd._delSubMd(this);},uninit:function(){this.btn.unbind('click');this.btnExp.unbind('click');for(var i in this){if(this.hasOwnProperty(i)){this[i]=null;}}}});TabModule.fromModules=function(){var mds=Array.prototype.slice.apply(arguments),mdsLen=mds.length;if(mdsLen<2){return;}
var refMd=null;var tabMd=jq('<div class="md"/>'),tabMdTab=jq('<div class="mh"><ul class="tabs"><li class="i"><i class="min">_</i><i class="del">X</i></li></ul></div>').appendTo(tabMd).find('> ul.tabs'),tabMdMb=jq('<div class="c-section mb">').appendTo(tabMd);try{for(var i=0;i<mdsLen;i++){var _md=mds[i];if(_md.type!='normal'){continue}
var _mdMh=_md.mh,_mdMb=_md.mb,_mdMd=_md.md;hp.mds.removeMd(_md);if(refMd===null){refMd=_mdMd;}
_md.uninit();var licls=[];if(i==0){licls.push('first');}else if(i==mdsLen-1){licls.push('last cur');}
licls=licls.join(' ');var liMh=jq('<li class="'+licls+'"/>');_mdMh.find('>i.min').remove();_mdMh.find('>i.del').attr('class','exp').attr('title','\u62c6\u5206');liMh.append(_mdMh).appendTo(tabMdTab);var mbcls=['mbsub'];if(i!=mdsLen-1){mbcls.push('hide');}
_mdMb.attr('class',mbcls.join(' ')).appendTo(tabMdMb);if(refMd!=_mdMd){_mdMd.remove();}}
tabMd.insertBefore(refMd);refMd.remove();var tabModule=new TabModule(tabMd);hp.mds.push(tabModule);return tabModule;}catch(ex){_log(ex);}};function TabModule(a){this.v=false;this.md=a;this.a=a[0];this.a.DND_Module=this;this.init();}
TabModule.inherits(Module);TabModule.mixin({type:"tab",init:function(){this.cmh=this.md.find('>.mh');this.mh=this.cmh.find('>ul.tabs');this.h=this.mh[0];this.h.title=hp.dragTip;this.mb=this.md.find('>.mb');this._minClick=this._minClick.bind(this);this._delClick=this._delClick.bind(this);this.btnMin=this.mh.find('>li.i>i.min');if(this.btnMin.length<1){this.mh.prepend('<li class="i"><i class="min" title="\u6298\u53e0/\u5c55\u5f00">_</i><i class="del" title="\u5173\u95ed">X</i></li>');this.btnMin=this.mh.find('>li.i>i.min');}else{this.btnMin.unbind('click');}
this.btnMin.bind('click',this._minClick);this.btnDel=this.mh.find('>li.i>i.del').unbind('click').bind('click',this._delClick);if(this.h){try{Drag.init(this.h,this.a);this.a.onDragStart=this._dragStart.bind(this);this.a.onDrag=this._drag.bind(this);this.a.onDragEnd=this._dragEnd.bind(this);this.subMds=[];this.subTabs=this.mh.find('>li').not('.i');this.subMbs=this.mb.find('>div.mbsub');this.activeMd=null;var tabnum=this.subTabs.length-1;this.subTabs.each(function(idx,tab){tab=this.subTabs.eq(idx);this.subMds[idx]=new TabModuleSub(tab,this.subMbs.eq(idx),this,idx,tabnum);(this.activeMd===null)&&tab.hasClass('cur')&&(this.activeMd=this.subMds[idx]);}.bind(this));this.subTabs=this.subMbs=null;(this.activeMd===null)&&this.subMds[0].active();}catch(ex){_log(ex);}}},uninit:function(){this.btnMin.unbind('click');this.btnDel.unbind('click');if(this.h){Drag.uninit(this.h,this.a);this.a.onDragStart=this.a.onDrag=this.a.onDragEnd=null;}
for(var i in this){if(this.hasOwnProperty(i)){this[i]=null;}}},_addSubMd:function(md){if(md.type=='normal'){var mdMh=md.mh,mdMb=md.mb,mdMd=md.md;hp.mds.removeMd(md);md.uninit();mdMh.find('>i.del').attr('class','exp').attr('title','\u62c6\u5206');mdMh.find('>i.min').remove();mdMb.attr('class','mbsub');var mTab=jq('<li/>'),tabIdx=this.subMds.length;this.mh.append(mTab.append(mdMh));this.mb.append(mdMb);mdMd.remove();this.subMds[tabIdx]=new TabModuleSub(mTab,mdMb,this,tabIdx);this.subMds[tabIdx].active();return this;}
return null;},_delSubMd:function(subMd){var smTab=subMd.tab,smMb=subMd.mb,idx=subMd.tabIdx,subMds=this.subMds,subMdsLen=subMds.length,tLen=subMdsLen-1,hpMds=hp.mds,hpMdsLen=hpMds.length;function buildModule(tab,mb,tabMd){_log('buildModule tab, mb, tabMd: ',arguments);var mh=tab.find('h2');mh.find('i.exp').attr('class','del').attr('title','\u5173\u95ed').after(jq('<i class="min" title="\u6298\u53e0/\u5c55\u5f00">_</i>'));mb=mb.attr('class','c-section mb');return jq('<div class="md"/>').append(jq('<div class="mh"/>').append(mh)).append(mb).insertAfter(tabMd.md);}
for(var i=idx+1;i<subMdsLen;i++){var tIdx=i-1;subMds[i].tabIdx=tIdx;if(tIdx==0){subMds[i].tab.addClass('first')}
if(tIdx==tLen-1){subMds[i].tab.addClass('last')}
if(tIdx==idx){subMds[i].active();}
subMds[tIdx]=subMds[i];}
if(idx==subMdsLen-1){subMds[tLen-1].active();}
subMds.length=tLen;subMd.uninit();var newMd=new Module(buildModule(smTab,smMb,this));smTab.remove();hpMds.push(newMd);subMdsLen=tLen;if(subMdsLen<2){subMd=subMds[0];smTab=subMd.tab;smMb=subMd.mb;subMd.deactive();subMd.uninit();newMd=new Module(buildModule(smTab,smMb,this));hpMds.push(newMd);hpMds.removeMd(this);this.md.remove();this.uninit();}
if(newMd&&newMd.a){updateDisplay();}
hp.Sa();}});function enableDrag(){window.divGhost=jq('<div class="md_replace"/>')[0];window.divGhostForMerge=jq('<div class="md_activeborder" style="display:none;"/>').appendTo(document.body);var columnids=["column_1","column_2"];for(var i=0;i<columnids.length;i++){columnids[i]="#"+columnids[i];}
hp.cols=jq(columnids.join(","));function getmdinpage(mhid,autofix){var _mh=jq("#m_"+mhid);var r={};if(_mh.length){var _md=_mh.parent();if(_md.is("div.mh")){r.type="normal";r.md=_md.parent();r.mh=_mh;r.mb=r.md.find(">.mb");}else if(_md.is("li")){var idx=null;r.type="tabsub";r.mh=_mh;r.tab=_md;_mh=r.tab.parent();_md=_mh.parent().parent();var elm_h2=r.mh[0];jq.each(_mh[0].getElementsByTagName("h2"),function(_i,h2){if(elm_h2==h2){idx=_i;return false;}});r.md=_md;r.mb=jq(_md.find('> .mb > .mbsub')[idx]);r.autoFix=function(){var _mbs=_md.find("> .mb > .mbsub");if(_mbs.length==1){_md.after(jq('<div class="md"/>').append(jq('<div class="mh"/>').append(_mh.find('h2'))).append(_mbs.attr("class","c-section mb")));try{_md.remove();_mbs=_md=null;}catch(ex){_log(ex)}}};}
return r;}else{return null;}}
var hp_layout=hp.cookie(hp.layout_cookiename);if(hp_layout){hp_layout=json.parse(hp_layout);if(hp_layout){hp.cols.css("display","none");for(var i in hp_layout){var colid="#column_"+i,col=jq(colid);if(!col.length){continue}
var mhids=hp_layout[i];for(var j=0;j<mhids.length;j++){var mhid=mhids[j];if(mhid instanceof Array){var curIdx=mhid.pop();var lastTab=lastMb=null;var themd=null,_mds=[],m;for(var k=0;k<mhid.length;k++){m=jq('#m_'+mhid[k]);if(m&&m.length){_mds.push(mhid[k]);}}
if(_mds.length==0){continue;}else if(_mds.length==1){var m=getmdinpage(_mds[0]);if(m&&m.type){if(m.type=="normal"){col.append(m.md);}else if(m.type=="tabsub"){col.append(jq('<div class="md"/>').append(jq('<div class="mh"/>').append(m.mh)).append(m.mb.attr("class","c-section mb")));m.tab.remove();m.autoFix();delete m.tab;}}
m=null;}else if(_mds.length>1){if(curIdx>_mds.length-1){curIdx=_mds.length-1;}
var firstLoop=true;for(k=_mds.length-1;k>=0;k--){var m=getmdinpage(_mds[k]);if(firstLoop){firstLoop=false;if(m.type=="normal"){m.tab=jq('<li/>').append(m.mh);m.md.find('>.mh').append(jq('<ul class="tabs"/>').append(m.tab)).end().append(jq('<div class="c-section mb"/>').append(m.mb.attr("class","mbsub")));}else if(m.type=="tabsub"){m.tab.prependTo(m.tab.parent());m.mb.prependTo(m.mb.parent());}
themd=m.md;lastTab=m.tab;lastMb=m.mb;}else{if(m.type=="normal"){m.tab=jq('<li/>').append(m.mh);lastTab.before(m.tab);lastMb.before(m.mb.attr("class","mbsub"));m.md.remove();delete m.md;}else if(m.type=="tabsub"){lastTab.before(m.tab);lastMb.before(m.mb);if(m.md!=themd){m.autoFix();delete m.md;}}
lastTab=m.tab;lastMb=m.mb;}
(k===curIdx)?m.tab.addClass("cur"):m.tab.removeClass("cur");}
col.append(themd);}}else{var m=getmdinpage(mhid);if(m&&m.type){if(m.type=="normal"){col.append(m.md);}else if(m.type=="tabsub"){col.append(jq('<div class="md"/>').append(jq('<div class="mh"/>').append(m.mh)).append(m.mb.attr("class","c-section mb")));m.tab.remove();m.autoFix();delete m.tab;}}
m=null;}}}
hp.cols.css("display","");}}
hp.cols.each(function(idx,col){for(var i=0;i<col.childNodes.length;i++){var c=col.childNodes[i];if(c.nodeType!=1){col.removeChild(c);}}
var md=jq('<div class="md_dm"><br/></div>').appendTo(col);hp.mds.push(new ModulePix(md));});jq('>div.md',hp.cols).each(function(idx,md){md=jq(md);var mh=md.find('> .mh');if(mh.find('> h2').length){hp.mds.push(new Module(md));}else if(mh.find('> ul.tabs').length){if(mh.find('> ul.tabs > li').length){hp.mds.push(new TabModule(md));}else{md.remove();md=null;}}else{md.remove();md=null;}});hp.initfinish=1;if(jq.browser.msie){with(document.body.style){display="none";display="";}
if(0&&jq.browser.version<"7"){jq("iframe",hp.cols).each(function(idx,iframe){iframe.src=iframe.src;});}}
hp.Sa();}
var json=(function(){var a={"\u0008":"\\b","\t":"\\t","\n":"\\n","\u000c":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},b={"boolean":function(c){return String(c)},number:function(c){return isFinite(c)?String(c):"null"},string:function(c){if(/["\\\x00-\x1f]/.test(c)){c=c.replace(/([\x00-\x1f\\"])/g,function(d,e){var f=a[e];if(f){return f}
f=e.charCodeAt();return"\\u00"+Math.floor(f/16).toString(16)+(f%16).toString(16)})}
return'"'+c+'"'},object:function(c){if(c){var d=[],e,f,g,h,i;if(c instanceof Array){d[0]="[";h=c.length;for(g=0;g<h;g+=1){i=c[g];f=b[typeof i];if(f){i=f(i);if(typeof i=="string"){if(e){d[d.length]=","}
d[d.length]=i;e=true}}}
d[d.length]="]"}else if(typeof c.hasOwnProperty==="function"){d[0]="{";for(g in c){if(c.hasOwnProperty(g)){i=c[g];f=b[typeof i];if(f){i=f(i);if(typeof i=="string"){if(e){d[d.length]=","}
d.push(b.string(g),":",i);e=true}}}}
d[d.length]="}"}else{return}
return d.join("")}
return"null"}};return{copyright:"(c)2005 JSON.org",license:"http://www.JSON.org/license.html",stringify:function(c){var d=b[typeof c];if(d){c=d(c);if(typeof c=="string"){return c}}
return null},parse:function(c){try{return!/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(c.replace(/"(\\.|[^"\\])*"/g,""))&&eval("("+c+")")}catch(d){return false}}}})();var _id;(function(){var idcount=0
_id=function(obj,forceId){switch(typeof obj.__id__){case"undefined":if(obj instanceof String||typeof obj=='string'){return'$'+obj;}else if(obj instanceof Number||typeof obj=='number'){return'#'+obj;}else if(forceId){obj.__id__='@'+(idcount++);return obj.__id__;}
case"function":return obj.__id__();default:return obj.__id__;}}})();function wTab(cfg){var this_=this;this.btns=cfg.btns;this.tabs=cfg.tabs;this.cons=cfg.cons;this.curIdx=cfg.curIdx||0;this.idxA=[0,this.tabs.length-1];var evtype='bind_'+(cfg.evtype||'click');if(this[evtype]){this[evtype]();}
if(this.btns){jq(this.btns[0]).click(function(){this_.navTo(this_.curIdx-1);return false;});jq(this.btns[1]).click(function(){this_.navTo(this_.curIdx+1);return false;});}
this.navTo(this.curIdx,1);}
jQuery.extend(wTab.prototype,{bind_click:function(){var this_=this;this.tabs.each(function(idx,tab){jq(tab).click(function(ev){if(this_.navTo(idx)){ev.stopPropagation();return false;}});});},bind_hover:function(){var this_=this;this.tabs.each(function(idx,tab){jq(tab).hover(function(){this_.navTo(idx);},function(){});});},navTo:function(idx,f){if((idx<this.idxA[0]||idx>this.idxA[1])||(this.curIdx==idx&&!f))return false;this.curIdx=idx;this.tabs.removeClass('cur');jq(this.tabs[idx]).addClass('cur');this.cons.css('display','none');jq(this.cons[idx]).css('display','');return true;}});(function(){(function(){var r=jq('#themes-selector');if(!r.length)return;var btns=r.find('> a'),lnk=document.getElementById('link_for_theme');if(!(btns.length&&lnk))return;if(window.theme_cookie_to_save)hp.cookie(hp.theme_cookiename,window.theme_cookie_to_save);var swf_clock=window['swf_clock']||document['swf_clock'];function setT(t){swf_clock&&swf_clock.setColor(t=='gray'?'hei':'bai');hp.cookie(hp.theme_cookiename,t);lnk.href=get_theme_csspath(t);}
btns.click(function(){this.blur();setT(this.className);return false;});})();function mixScroll(rid,b){var inprogress=false,live_div=jq(rid);if(!live_div.length)return;var items=live_div.find("li"),btnPrev=live_div.find(">a.btn-prev"),btnNext=live_div.find(">a.btn-next"),p_item=live_div.find("ul"),p_itemP0=p_item[0].parentNode,p_itemP=jq(p_itemP0),itemNum=items.length,lastItem=items[itemNum-1],leftMax=lastItem.offsetLeft+lastItem.offsetWidth,leftMin=0,areaWidth=p_itemP0.offsetWidth;items.clone(true).appendTo(p_item);if(!items.length||leftMax<=areaWidth){return;}
btnPrev.click(function(ev){leftCur=p_itemP0.scrollLeft;if(leftCur<=leftMin){return false;}
var leftTarget=Math.max(leftMin,leftCur-areaWidth);p_itemP.stop();p_itemP.animate({"scrollLeft":leftTarget},{"duration":400,"easing":"swing"});return false;});btnNext.click(function(ev){leftCur=p_itemP0.scrollLeft;if(leftCur>=leftMax){return false;}
var leftTarget=Math.min(leftMax,leftCur+areaWidth);p_itemP.stop();p_itemP.animate({"scrollLeft":leftTarget},{"duration":400,"easing":"swing"});return false;});function autoScroll(r){if(inprogress){return;}
if(r===true){p_itemP0.scrollLeft=leftMin;}
inprogress=true;p_itemP.stop();p_itemP.animate({"scrollLeft":leftMax},{"duration":(leftMax-p_itemP0.scrollLeft)*18,"easing":"linear",'complete':function(){inprogress=false;setTimeout(function(){autoScroll(true);},0);}});}
live_div.hover(function(e){p_itemP.stop();inprogress=false;},autoScroll);autoScroll(true);}
mixScroll("#brand-show");(function(){var r=jq('#img_slide');if(!r.length)return;var ctl=jq('>div.ctl_bar',r),btnbar=jq('>div.btns',ctl),btns=jq('a.prev, a.next',btnbar),playbtn=jq('a.play_pause',btnbar),tip=jq('span.index_status',btnbar),tabs=jq('>ul.imgs>li:not(:last-child)',ctl),tabcur=jq('>ul.imgs>li:last-child',ctl),con=jq('>div.cons>div',r),total=tabs.length,idxA=[0,total-1],curIdx=0,pw=-488,ph=248,tabw=60,t_s=1000;var default_play=true,delay_time=8000,autoplay_process=jq('>i',tabcur),last_time=0,autoplay_timer=null;playbtn.click(function(ev){playbtn.toggleClass('on_pause');autoPlay(!playbtn.hasClass('on_pause'));return false;});if(default_play){playbtn.removeClass('on_pause');autoPlay(true);}else{playbtn.addClass('on_pause');}
tabs.each(function(idx,tab){jq(tab).click(function(ev){navTo(idx);return false;});});var inNav=false;function navTo(idx){if(inNav||curIdx==idx)return false;inNav=true;if(idx<idxA[0]){idx=idxA[1];con.stop().animate({'top':ph},{'duration':t_s*.6,'complete':function(){con.css('left',idx*pw);con.animate({'top':0},{'duration':t_s*.4,'complete':function(){last_time=(new Date).getTime();inNav=false;}});}});}else if(idx>idxA[1]){idx=idxA[0];con.stop().animate({'top':ph},{'duration':t_s*.6,'complete':function(){con.css('left',idx*pw);con.animate({'top':0},{'duration':t_s*.4,'complete':function(){last_time=(new Date).getTime();inNav=false;}});}});}else{con.stop().animate({'left':idx*pw},{'duration':t_s,'complete':function(){last_time=(new Date).getTime();inNav=false;}});}
tabcur.animate({'left':idx*tabw},{'duration':t_s*.6});curIdx=idx;tip.html((idx+1)+'/'+total);return true;}
function autoPlay(f){if(autoplay_timer!==null){clearInterval(autoplay_timer);autoplay_timer=null;}
if(f){autoplay_process.show();last_time=(new Date).getTime();autoplay_timer=setInterval(function(){if(!inNav){var passed=(new Date).getTime()-last_time;if(passed>=delay_time){navTo(curIdx+1);}else{autoplay_process.css('width',(((passed/delay_time)*100|0)%100)+'%');}}},80);}else{autoplay_process.hide();}}})();enableDrag();})();