$(function () { var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox0 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox1 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox2 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox3 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox4 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox5 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox6 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox7 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox8 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox9 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); var boxh = parseInt('200'),boxw = parseInt('275'),speed = parseInt('300'); $('.layer4AAFCAAD07AB64E6DDCE6ECD148167AA #worksbox10 .phbox').bind('mouseenter mouseleave', function(e){ var etype = e.type, etarget = $('img.'+((etype == 'mouseenter')?'phfront':'phback'), this); switch('updown_slide'){ case 'updown_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var topval = (etype == 'mouseenter') ? boxh : (0 - boxh); etarget.animate({top: topval+'px'}, speed).siblings('img').animate({top: '0px'}, speed); break; case 'leftright_slide': if ($('img', this).is(':animated')) $('img', this).stop(); var leftval = (etype == 'mouseenter') ? boxw : (0 - boxw); etarget.animate({left: leftval+'px'}, speed).siblings('img').animate({left: '0px'}, speed); break; case 'rollover': if ($('img', this).is(':animated')) $('img', this).stop(); etarget.animate({height: 0,top: (boxh / 2)+'px'}, speed, '', function(){ $(this).siblings('img').animate({height: boxh+'px',top: 0}, speed); }); break; case 'magnify': if ($('img', this).is(':animated')) $('img', this).stop(); var _target = etarget,params = {}; if (etype == 'mouseenter') { _target = etarget.next('img.phback'); params = {"top": "0px","left": "0px","height": boxh+'px',"width": boxw+'px'}; } else { params = {"top": (boxh / 2)+"px","left": (boxw / 2)+"px","height": '0px',"width": '0px'}; } _target.css("z-index", '2').animate(params, speed); break; default: etarget.hide().siblings('img').show(); break; } }); // 取消（每行）最右边图片容器的内右边距(bug#4396) if ($._parseFloat("22") > 0) { var $B = $('#layer4AAFCAAD07AB64E6DDCE6ECD148167AA .worksbox'), bp = ["3","7"]; if (bp.length > 0) for(var i in bp) $B.filter(':eq('+bp[i]+')').addClass("linend"); else $B.filter(':last').addClass("linend"); bp = $B = null; } });