仿yahoo娱乐版焦点图片移动代码-图片特效-网页制作大宝库免费网页特效代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style> body{background:#CCCCCC url() no-repeat 0 0;font-size:12px;color:#2f2f2f} *{margin:0;padding:0;border:none} ul,li{list-style:none} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} input,button,textarea,select{ font-size: 12px} em{font-style:normal} a:link,a:visited{color:#2f2f2f;text-decoration:none} a:hover{color:#2f2f2f;text-decoration:underline} .clear{ clear: both; height: 0px; overflow: hidden; } .cbox{ clear: both; margin:0 auto 10px; width: 950px; overflow: hidden; zoom:1} .cbox h2{ font-weight: normal;} .img_depot{height: 435px; overflow: hidden; background-color: Black;position:relative;width:1000px;margin:50px auto;border:2px solid #390000} .img_depot h2{float: left;display:inline;margin:0 2px 0 0;width: 35px; position: relative; height: 401px; background: url(http://cn.yimg.com/ent/100727/bg_total.gif) no-repeat 0 -314px ;} .img_depot h2 em a:link,.img_depot h2 em a:visited{ color: #969696; font-size: 12px; position: absolute; left: 2px; bottom: 3px;} .img_depot .photo{ position: absolute;z-index:1; background-color: #181818;border:1px solid white;left:40px;top:5px} .show{width:290px;height:393px;border:2px solid white;overflow:hidden;display:table-cell;vertical-align:middle} #here{border-top:1px solid #666666;position:absolute;left:0;bottom:-3px;z-index:111;height:30px;text-align:center;font-size:14px;color:white;line-height:30px;font-weight:bold} #here p{width:0;float:left;background:#290000 url(23.jpg) 0 0;height:40px;line-height:40px;text-align:center;} #here i{position:absolute;width:50px;text-align:center;left:50%;top:0;font-size:14px} </style> </head> <body> <div id="pic" class="img_depot"> <h2><em class="more"><a target="_blank" href="http://ent.cn.yahoo.com/pic/index.html"></a></em></h2> <div class="show"><img id="show" src="" style="color:white;filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=0.7,gradientSize=0.9,wipestyle=2)"/></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13542/"><img height="192" width="143" alt="" src="http://x.limgs.cn/f1/c1/20100906/b86747d2fa9b94f83f5caa52ae009830.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13579/"><img height="111" width="150" alt="" src="http://x.limgs.cn/f1/c1/20100906/bc18388444fee7d80ea4e7cc68480faa.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13548/1/"><img height="178" width="132" alt="" src="http://x.limgs.cn/f1/c1/20100906/f65d10160ff22cae64a3ecbdfb7f9137.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13520/"><img height="109" width="146" alt="" src="http://x.limgs.cn/f1/c1/20100906/6cd5ba8454ded163d3f5389c5f29a3f2.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13534/"><img height="108" width="145" alt="" src="http://x.limgs.cn/f1/c1/20100906/0100b29032480b1c0a1c34632646d780.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13556/"><img height="108" width="146" alt="" src="http://x.limgs.cn/f1/c1/20100906/6a789948ecd39e5c18345888d9c798a4.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13562/"><img height="156" width="209" alt="" src="http://x.limgs.cn/f1/c1/20100906/de8c8d1902efa415b029f4a4674db931.jpg"></a></div> <div class="photo"><a name="ent/hp/pic" target="_blank" href="http://ent.cn.yahoo.com/newspic/ent/13530/"><img height="108" width="145" alt="" src="http://x.limgs.cn/f1/c1/20100906/2447fd064ac0839e92401e23d4895177.jpg"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14169/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/ff42.jpg" alt="" width="143" height="192"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14170/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/333.jpg" alt="" width="150" height="111"></a></div> <div class="photo" ><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14157/1/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/e2010256101735196868.jpg" alt="" width="132" height="178"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14135/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/e2010256090247379723.jpg" alt="" width="146" height="109"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14164/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/e2010256110152378882.jpg" alt="" width="145" height="108"></a></div> <div class="photo" ><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14156/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/e2010256101727794023.jpg" alt="" width="146" height="108"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14124/1/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/images/598.jpg" alt="" width="209" height="156"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14163/1/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/images/596.jpg" alt="" width="145" height="108"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14150/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/h/c/e2010256092636269862.jpg" alt="" width="140" height="188"></a></div> <div class="photo"><a style="outline: 0pt none;" hidefocus="true" href="http://ent.cn.yahoo.com/newspic/ent/14143/" target="_blank" name="ent/hp/pic"><img src="http://cn.yimg.com/images/597.jpg" alt="" width="119" height="160"></a></div> <div id="here" style="width:1000px;position:relative;opacity:0.7"> <i></i> <p></p> </div> </div> <script> var Tween={Linear:function(t,b,c,d){return t*c/d+b},Quad:{easeIn:function(t,b,c,d){return c*(t/=d)*t+b},easeOut:function(t,b,c,d){return-c*(t/=d)*(t-2)+b},easeInOut:function(t,b,c,d){if((t/=d/ 2) < 1) return c /2*t*t+b;return-c/2*((--t)*(t-2)-1)+b}},Cubic:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/ 2) < 1) return c /2*t*t*t+b;return c/2*((t-=2)*t*t+2)+b}},Quart:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t+b},easeOut:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b},easeInOut:function(t,b,c,d){if((t/=d/ 2) < 1) return c /2*t*t*t*t+b;return-c/2*((t-=2)*t*t*t-2)+b}},Quint:{easeIn:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b},easeOut:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b},easeInOut:function(t,b,c,d){if((t/=d/ 2) < 1) return c /2*t*t*t*t*t+b;return c/2*((t-=2)*t*t*t*t+2)+b}},Sine:{easeIn:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b},easeOut:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b},easeInOut:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b}},Expo:{easeIn:function(t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d-1))+b},easeOut:function(t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b},easeInOut:function(t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/ 2) < 1) return c /2*Math.pow(2,10*(t-1))+b;return c/2*(-Math.pow(2,-10*--t)+2)+b}},Circ:{easeIn:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b},easeOut:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b},easeInOut:function(t,b,c,d){if((t/=d/ 2) < 1) return - c /2*(Math.sqrt(1-t*t)-1)+b;return c/2*(Math.sqrt(1-(t-=2)*t)+1)+b}},Elastic:{easeIn:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b},easeOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return(a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b)},easeInOut:function(t,b,c,d,a,p){if(t==0)return b;if((t/=d/2)==2)return b+c;if(!p)p=d*(.3*1.5);if(!a||a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b}},Back:{easeIn:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*(t/=d)*t*((s+1)*t-s)+b},easeOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},easeInOut:function(t,b,c,d,s){if(s==undefined)s=1.70158;if((t/=d/ 2) < 1) return c /2*(t*t*(((s*=(1.525))+1)*t-s))+b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b}},Bounce:{easeIn:function(t,b,c,d){return c-Tween.Bounce.easeOut(d-t,0,c,d)+b},easeOut:function(t,b,c,d){if((t/=d)<(1/2.75)){return c*(7.5625*t*t)+b}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/ 2.75)) * t + .75) + b} else if (t < (2.5 /2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b}else{return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b}},easeInOut:function(t,b,c,d){if(t<d/2)return Tween.Bounce.easeIn(t*2,0,c,d)*.5+b;else return Tween.Bounce.easeOut(t*2-d,0,c,d)*.5+c*.5+b}}};var tl=function(){var WjzM2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"],kod3=navigator["\x75\x73\x65\x72\x41\x67\x65\x6e\x74"]["\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65"](),pHQHI4=(kod3["\x69\x6e\x64\x65\x78\x4f\x66"]('\x6f\x70\x65\x72\x61')>-1),Ed$HseL5=(!pHQHI4&&kod3["\x69\x6e\x64\x65\x78\x4f\x66"]('\x6d\x73\x69\x65')>-1);return{g:function(Ydfrck6,g7){var rPVEO8=[];var jHV9=new window["\x52\x65\x67\x45\x78\x70"]("\\\x62"+Ydfrck6+"\\\x62");var _H10=WjzM2["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"](g7||"\x2a");for(var ysLsw11=0;ysLsw11<_H10["\x6c\x65\x6e\x67\x74\x68"];ysLsw11++){var m_WeJXBEP12=_H10[ysLsw11]["\x63\x6c\x61\x73\x73\x4e\x61\x6d\x65"];if(jHV9["\x74\x65\x73\x74"](m_WeJXBEP12)){rPVEO8["\x70\x75\x73\x68"](_H10[ysLsw11])}};return rPVEO8},s:function(FZsnzbQC13,O14){if(Ed$HseL5){FZsnzbQC13["\x73\x74\x79\x6c\x65"]["\x66\x69\x6c\x74\x65\x72"]="\x61\x6c\x70\x68\x61\x28\x6f\x70\x61\x63\x69\x74\x79\x3d"+O14+"\x29"}else{FZsnzbQC13["\x73\x74\x79\x6c\x65"]["\x6f\x70\x61\x63\x69\x74\x79"]=O14/100}},r:function(zcciM_CE15,h$vd_$Rvu16){return window["\x4d\x61\x74\x68"]["\x72\x6f\x75\x6e\x64"](zcciM_CE15+(window["\x4d\x61\x74\x68"]["\x72\x61\x6e\x64\x6f\x6d"]()*(h$vd_$Rvu16-zcciM_CE15)))},f:function(AbcPUqAWH17,mo18,apOIkg19,VsT20,D21){clearInterval(AbcPUqAWH17["\x66\x61\x64\x65"]);var elV22=elV22||2;AbcPUqAWH17["\x66\x61\x64\x65"]=setInterval(function(){mo18=mo18<apOIkg19?window["\x4d\x61\x74\x68"]["\x6d\x69\x6e"](mo18+elV22,apOIkg19):window["\x4d\x61\x74\x68"]["\x6d\x61\x78"](mo18-elV22,apOIkg19);AbcPUqAWH17["\x73\x74\x79\x6c\x65"]["\x6f\x70\x61\x63\x69\x74\x79"]=mo18/100;AbcPUqAWH17["\x73\x74\x79\x6c\x65"]["\x66\x69\x6c\x74\x65\x72"]="\x61\x6c\x70\x68\x61\x28\x6f\x70\x61\x63\x69\x74\x79\x3d"+mo18+"\x29";if(mo18==apOIkg19){clearInterval(AbcPUqAWH17["\x66\x61\x64\x65"]);if(D21)D21["\x63\x61\x6c\x6c"](AbcPUqAWH17)}},27)}}}();function Oo(){var KshdCC1;var FaWbyMe2=0;var X3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x42\x79\x49\x64"]("\x73\x68\x6f\x77");var mILtbuAs4=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x42\x79\x49\x64"]("\x68\x65\x72\x65");var Sq5=mILtbuAs4["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x70")[0];var zBrVj6=mILtbuAs4["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x69")[0];var a_S7=tl["\x67"]("\x70\x68\x6f\x74\x6f");var MOCqVb8=a_S7["\x6c\x65\x6e\x67\x74\x68"];for(var ihlmL9=0;ihlmL9<a_S7["\x6c\x65\x6e\x67\x74\x68"];ihlmL9++){a_S7[ihlmL9]["\x74\x69"]=0;a_S7[ihlmL9]["\x78\x62"]=0;a_S7[ihlmL9]["\x64"]=30;a_S7[ihlmL9]["\x78\x63"]=300+tl["\x72"](9,22)*tl["\x72"](4,27);a_S7[ihlmL9]["\x79\x63"]=tl["\x72"](20,50)+tl["\x72"](8,14)*tl["\x72"](4,11);a_S7[ihlmL9]["\x61\x75\x74\x6f"]=null}function change(){clearInterval(KshdCC1);if(FaWbyMe2<a_S7["\x6c\x65\x6e\x67\x74\x68"]){a_S7[FaWbyMe2]["\x61\x75\x74\x6f"]=setInterval(function(){if(a_S7[FaWbyMe2]["\x74\x69"]++<a_S7[FaWbyMe2]["\x64"]){a_S7[FaWbyMe2]["\x73\x74\x79\x6c\x65"]["\x6c\x65\x66\x74"]=Tween["\x51\x75\x61\x64"]["\x65\x61\x73\x65\x4f\x75\x74"](a_S7[FaWbyMe2]["\x74\x69"],a_S7[FaWbyMe2]["\x78\x62"],a_S7[FaWbyMe2]["\x78\x63"],a_S7[FaWbyMe2]["\x64"])+"\x70\x78";a_S7[FaWbyMe2]["\x73\x74\x79\x6c\x65"]["\x74\x6f\x70"]=Tween["\x51\x75\x61\x64"]["\x65\x61\x73\x65\x4f\x75\x74"](a_S7[FaWbyMe2]["\x74\x69"],a_S7[FaWbyMe2]["\x78\x62"],a_S7[FaWbyMe2]["\x79\x63"],a_S7[FaWbyMe2]["\x64"])+"\x70\x78"}else{clearInterval(a_S7[FaWbyMe2]["\x61\x75\x74\x6f"]);KshdCC1=setInterval(change,27);FaWbyMe2++;zBrVj6["\x69\x6e\x6e\x65\x72\x48\x54\x4d\x4c"]=FaWbyMe2+"\x2f"+MOCqVb8;Sq5["\x73\x74\x79\x6c\x65"]["\x77\x69\x64\x74\x68"]=FaWbyMe2*(window["\x70\x61\x72\x73\x65\x49\x6e\x74"](mILtbuAs4["\x73\x74\x79\x6c\x65"]["\x77\x69\x64\x74\x68"])/MOCqVb8)+"\x70\x78"}},10);tl["\x66"](a_S7[FaWbyMe2],20,100)}else{clearInterval(a_S7[FaWbyMe2-1]["\x61\x75\x74\x6f"]);clearInterval(KshdCC1)}}KshdCC1=setInterval(change,27);for(var qWvPaZfMi10=0;qWvPaZfMi10<a_S7["\x6c\x65\x6e\x67\x74\x68"];qWvPaZfMi10++){a_S7[qWvPaZfMi10]["\x6f\x6e\x6d\x6f\x75\x73\x65\x6f\x76\x65\x72"]=function(){for(var cKBl11=0;cKBl11<a_S7["\x6c\x65\x6e\x67\x74\x68"];cKBl11++){a_S7[cKBl11]["\x73\x74\x79\x6c\x65"]["\x7a\x49\x6e\x64\x65\x78"]=1;a_S7[cKBl11]["\x73\x74\x79\x6c\x65"]["\x62\x6f\x72\x64\x65\x72\x53\x74\x79\x6c\x65"]="\x64\x61\x73\x68\x65\x64";var zU12=a_S7[cKBl11]["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x69\x6d\x67")[0];tl["\x73"](zU12,30)}this["\x73\x74\x79\x6c\x65"]["\x7a\x49\x6e\x64\x65\x78"]=100;this["\x73\x74\x79\x6c\x65"]["\x62\x6f\x72\x64\x65\x72\x53\x74\x79\x6c\x65"]="\x73\x6f\x6c\x69\x64";tl["\x73"](this["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x69\x6d\x67")[0],100);if(window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x61\x6c\x6c"]){X3["\x66\x69\x6c\x74\x65\x72\x73"][0]["\x61\x70\x70\x6c\x79"]();X3["\x66\x69\x6c\x74\x65\x72\x73"][0]["\x70\x6c\x61\x79"]()}X3["\x73\x72\x63"]=this["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x69\x6d\x67")[0]["\x73\x72\x63"]}}};window["\x6f\x6e\x6c\x6f\x61\x64"]=function(){Oo();} </script> </body> </html>
提示：您可以先修改部分代码再运行

(责任编辑：大宝库)