注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

米欧光影工作室

No matter what you want to express……

 
 
 

日志

 
 
关于我

{ note: ‘不会编程的设计狮不是好科研狗’ }

网易考拉推荐

js:新浪娱乐焦点图  

2014-06-08 18:55:03|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
from: http://ent.sina.com.cn/
截图:
js:新浪娱乐焦点图 - 湖小叶叶 - 米欧光影工作室
 
代码已经抠出来了,但是构造函数没读懂。后续再看。

代码如下:


<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
function $(o){return document.getElementById(o)}

//滚动图片构造函数
//UI&UE Dept. mengjia
//version 1.45
function ScrollPic(scrollContId,arrLeftId,arrRightId,dotListId,listType){this.scrollContId=scrollContId;this.arrLeftId=arrLeftId;this.arrRightId=arrRightId;this.dotListId=dotListId;this.listType=listType;this.dotClassName="dotItem";this.dotOnClassName="dotItemOn";this.dotObjArr=[];this.listEvent="onclick";this.circularly=true;this.pageWidth=0;this.frameWidth=0;this.speed=10;this.space=10;this.upright=false;this.pageIndex=0;this.autoPlay=true;this.autoPlayTime=5;this._autoTimeObj;this._scrollTimeObj;this._state="ready";this.stripDiv=document.createElement("DIV");this.lDiv01=document.createElement("DIV");this.lDiv02=document.createElement("DIV")};ScrollPic.prototype={version:"1.45",author:"mengjia",pageLength:0,touch:true,scrollLeft:0,eof:false,bof:true,initialize:function(){var thisTemp=this;if(!this.scrollContId){throw new Error("必须指定scrollContId.");return};this.scDiv=this.$(this.scrollContId);if(!this.scDiv){throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");return};this.scDiv.style[this.upright?'height':'width']=this.frameWidth+"px";this.scDiv.style.overflow="hidden";this.lDiv01.innerHTML=this.scDiv.innerHTML;this.scDiv.innerHTML="";this.scDiv.appendChild(this.stripDiv);this.stripDiv.appendChild(this.lDiv01);if(this.circularly){this.stripDiv.appendChild(this.lDiv02);this.lDiv02.innerHTML=this.lDiv01.innerHTML;this.bof=false;this.eof=false};this.stripDiv.style.overflow="hidden";this.stripDiv.style.zoom="1";this.stripDiv.style[this.upright?'height':'width']="32766px";this.lDiv01.style.overflow="hidden";this.lDiv01.style.zoom="1";this.lDiv02.style.overflow="hidden";this.lDiv02.style.zoom="1";if(!this.upright){this.lDiv01.style.cssFloat="left";this.lDiv01.style.styleFloat="left"};this.lDiv01.style.zoom="1";if(this.circularly&&!this.upright){this.lDiv02.style.cssFloat="left";this.lDiv02.style.styleFloat="left"};this.lDiv02.style.zoom="1";this.addEvent(this.scDiv,"mouseover",function(){thisTemp.stop()});this.addEvent(this.scDiv,"mouseout",function(){thisTemp.play()});if(this.arrLeftId){this.alObj=this.$(this.arrLeftId);if(this.alObj){this.addEvent(this.alObj,"mousedown",function(e){thisTemp.rightMouseDown();e=e||event;thisTemp.preventDefault(e)});this.addEvent(this.alObj,"mouseup",function(){thisTemp.rightEnd()});this.addEvent(this.alObj,"mouseout",function(){thisTemp.rightEnd()})}};if(this.arrRightId){this.arObj=this.$(this.arrRightId);if(this.arObj){this.addEvent(this.arObj,"mousedown",function(e){thisTemp.leftMouseDown();e=e||event;thisTemp.preventDefault(e)});this.addEvent(this.arObj,"mouseup",function(){thisTemp.leftEnd()});this.addEvent(this.arObj,"mouseout",function(){thisTemp.leftEnd()})}};var pages=Math.ceil(this.lDiv01[this.upright?'offsetHeight':'offsetWidth']/this.frameWidth),i,tempObj;this.pageLength=pages;if(this.dotListId){this.dotListObj=this.$(this.dotListId);this.dotListObj.innerHTML="";if(this.dotListObj){for(i=0;i<pages;i++){tempObj=document.createElement("span");this.dotListObj.appendChild(tempObj);this.dotObjArr.push(tempObj);if(i==this.pageIndex){tempObj.className=this.dotOnClassName}else{tempObj.className=this.dotClassName};if(this.listType=='number'){tempObj.innerHTML=i+1}else if(typeof(this.listType)=='string'){tempObj.innerHTML=this.listType}else{tempObj.innerHTML=''};tempObj.title="第"+(i+1)+"页";tempObj.num=i;tempObj[this.listEvent]=function(){thisTemp.pageTo(this.num)}}}};this.scDiv[this.upright?'scrollTop':'scrollLeft']=0;if(this.autoPlay){this.play()};this._scroll=this.upright?'scrollTop':'scrollLeft';this._sWidth=this.upright?'scrollHeight':'scrollWidth';if(typeof(this.onpagechange)==='function'){this.onpagechange()};this.iPad()},leftMouseDown:function(){if(this._state!="ready"){return};var thisTemp=this;this._state="floating";clearInterval(this._scrollTimeObj);this._scrollTimeObj=setInterval(function(){thisTemp.moveLeft()},this.speed);this.moveLeft()},rightMouseDown:function(){if(this._state!="ready"){return};var thisTemp=this;this._state="floating";clearInterval(this._scrollTimeObj);this._scrollTimeObj=setInterval(function(){thisTemp.moveRight()},this.speed);this.moveRight()},moveLeft:function(){if(this._state!="floating"){return};if(this.circularly){if(this.scDiv[this._scroll]+this.space>=this.lDiv01[this._sWidth]){this.scDiv[this._scroll]=this.scDiv[this._scroll]+this.space-this.lDiv01[this._sWidth]}else{this.scDiv[this._scroll]+=this.space}}else{if(this.scDiv[this._scroll]+this.space>=this.lDiv01[this._sWidth]-this.frameWidth){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]-this.frameWidth;this.leftEnd()}else{this.scDiv[this._scroll]+=this.space}};this.accountPageIndex()},moveRight:function(){if(this._state!="floating"){return};if(this.circularly){if(this.scDiv[this._scroll]-this.space<=0){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]+this.scDiv[this._scroll]-this.space}else{this.scDiv[this._scroll]-=this.space}}else{if(this.scDiv[this._scroll]-this.space<=0){this.scDiv[this._scroll]=0;this.rightEnd()}else{this.scDiv[this._scroll]-=this.space}};this.accountPageIndex()},leftEnd:function(){if(this._state!="floating"&&this._state!='touch'){return};this._state="stoping";clearInterval(this._scrollTimeObj);var fill=this.pageWidth-this.scDiv[this._scroll]%this.pageWidth;this.move(fill)},rightEnd:function(){if(this._state!="floating"&&this._state!='touch'){return};this._state="stoping";clearInterval(this._scrollTimeObj);var fill=-this.scDiv[this._scroll]%this.pageWidth;this.move(fill)},move:function(num,quick){var thisTemp=this;var thisMove=num/5;var theEnd=false;if(!quick){if(thisMove>this.space){thisMove=this.space};if(thisMove<-this.space){thisMove=-this.space}};if(Math.abs(thisMove)<1&&thisMove!=0){thisMove=thisMove>=0?1:-1}else{thisMove=Math.round(thisMove)};var temp=this.scDiv[this._scroll]+thisMove;if(thisMove>0){if(this.circularly){if(this.scDiv[this._scroll]+thisMove>=this.lDiv01[this._sWidth]){this.scDiv[this._scroll]=this.scDiv[this._scroll]+thisMove-this.lDiv01[this._sWidth]}else{this.scDiv[this._scroll]+=thisMove}}else{if(this.scDiv[this._scroll]+thisMove>=this.lDiv01[this._sWidth]-this.frameWidth){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]-this.frameWidth;this._state="ready";theEnd=true}else{this.scDiv[this._scroll]+=thisMove}}}else{if(this.circularly){if(this.scDiv[this._scroll]+thisMove<0){this.scDiv[this._scroll]=this.lDiv01[this._sWidth]+this.scDiv[this._scroll]+thisMove}else{this.scDiv[this._scroll]+=thisMove}}else{if(this.scDiv[this._scroll]+thisMove<=0){this.scDiv[this._scroll]=0;this._state="ready";theEnd=true}else{this.scDiv[this._scroll]+=thisMove}}};this.accountPageIndex();if(theEnd){this.accountPageIndex('end');return};num-=thisMove;if(Math.abs(num)==0){this._state="ready";if(this.autoPlay){this.play()};this.accountPageIndex();return}else{clearTimeout(this._scrollTimeObj);this._scrollTimeObj=setTimeout(function(){thisTemp.move(num,quick)},this.speed)}},pre:function(){if(this._state!="ready"){return};this._state="stoping";this.move(-this.pageWidth)},next:function(reStar){if(this._state!="ready"){return};this._state="stoping";if(this.circularly){this.move(this.pageWidth)}else{if(this.scDiv[this._scroll]>=this.lDiv01[this._sWidth]-this.frameWidth){this._state="ready";if(reStar){this.pageTo(0)}}else{this.move(this.pageWidth)}}},play:function(){var thisTemp=this;if(!this.autoPlay){return};clearInterval(this._autoTimeObj);this._autoTimeObj=setInterval(function(){thisTemp.next(true)},this.autoPlayTime*1000)},stop:function(){clearInterval(this._autoTimeObj)},pageTo:function(num){if(this.pageIndex==num){return};if(num<0){num=this.pageLength-1};clearTimeout(this._scrollTimeObj);clearInterval(this._scrollTimeObj);this._state="stoping";var fill=num*this.frameWidth-this.scDiv[this._scroll];this.move(fill,true)},accountPageIndex:function(type){var pageIndex=Math.round(this.scDiv[this._scroll]/this.frameWidth);if(pageIndex>=this.pageLength){pageIndex=0};this.scrollLeft=this.scDiv[this._scroll];var scrollMax=this.lDiv01[this._sWidth]-this.frameWidth;if(!this.circularly){this.eof=this.scrollLeft>=scrollMax;this.bof=this.scrollLeft<=0};if(type=='end'&&typeof(this.onmove)==='function'){this.onmove()};if(pageIndex==this.pageIndex){return};this.pageIndex=pageIndex;if(this.pageIndex>Math.floor(this.lDiv01[this.upright?'offsetHeight':'offsetWidth']/this.frameWidth)){this.pageIndex=0};var i;for(i=0;i<this.dotObjArr.length;i++){if(i==this.pageIndex){this.dotObjArr[i].className=this.dotOnClassName}else{this.dotObjArr[i].className=this.dotClassName}};if(typeof(this.onpagechange)==='function'){this.onpagechange()}},iPadX:0,iPadLastX:0,iPadStatus:'ok',iPad:function(){if(typeof(window.ontouchstart)==='undefined'){return};if(!this.touch){return};var tempThis=this;this.addEvent(this.scDiv,'touchstart',function(e){tempThis._touchstart(e)});this.addEvent(this.scDiv,'touchmove',function(e){tempThis._touchmove(e)});this.addEvent(this.scDiv,'touchend',function(e){tempThis._touchend(e)})},_touchstart:function(e){this.stop();this.iPadX=e.touches[0].pageX;this.iPadScrollX=window.pageXOffset;this.iPadScrollY=window.pageYOffset;this.scDivScrollLeft=this.scDiv[this._scroll]},_touchmove:function(e){if(e.touches.length>1){this._touchend()};this.iPadLastX=e.touches[0].pageX;var cX=this.iPadX-this.iPadLastX;if(this.iPadStatus=='ok'){if(this.iPadScrollY==window.pageYOffset&&this.iPadScrollX==window.pageXOffset&&Math.abs(cX)>20){this.iPadStatus='touch'}else{return}};this._state='touch';var scrollNum=this.scDivScrollLeft+cX;if(scrollNum>=this.lDiv01[this._sWidth]){if(this.circularly){scrollNum=scrollNum-this.lDiv01[this._sWidth]}else{return}};if(scrollNum<0){if(this.circularly){scrollNum=scrollNum+this.lDiv01[this._sWidth]}else{return}};this.scDiv[this._scroll]=scrollNum;e.preventDefault()},_touchend:function(e){if(this.iPadStatus!='touch'){return};this.iPadStatus='ok';var cX=this.iPadX-this.iPadLastX;if(cX<0){this.rightEnd()}else{this.leftEnd()};this.play()},_overTouch:function(){this.iPadStatus='ok'},$:function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}},isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,addEvent:function(obj,eventType,func){if(obj.attachEvent){obj.attachEvent("on"+eventType,func)}else{obj.addEventListener(eventType,func,false)}},delEvent:function(obj,eventType,func){if(obj.detachEvent){obj.detachEvent("on"+eventType,func)}else{obj.removeEventListener(eventType,func,false)}},preventDefault:function(e){if(e.preventDefault){e.preventDefault()}else{e.returnValue=false}}};

/*end*/

//--><!]]>
</script>

<style>
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { background:#fff; color:#333; padding:0; font:12px/20px "宋体"; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#000; text-decoration:none; }
a:visited { color:#757575; }
a:hover, a:active, a:focus { color:#9b0002; text-decoration:underline; }


/*自定义标题链接颜色*/
.f_red, .f_red:visited, .f_red:hover { color:#9b0002 !important }
.f_red02, .f_red02:visited, .f_red02:hover { color:#9b0002 !important }
.f_white, .f_white:visited, .f_white:hover { color:#fff !important }



/* 滚动图 */
.scroll { position:relative; width:580px; height:370px; overflow:hidden;border:1px solid #000;}
.scroll .scroll_num{ position:absolute; top:318px; right:20px;}
.scroll .scroll_num span{ display:inline-block;width:16px; height:16px; margin-left:4px; cursor:pointer;background:url(http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_num_pot.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_num_pot.png');_background:none;}
.scroll .scroll_num span.current{ background:url(http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_num_pot_selected.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_num_pot_selected.png');_background:none;}
.scroll .arr_left { position:absolute; top:156px; left:-1px; width:30px; height:44px; cursor:pointer;background:url(http://i2.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrleft.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i2.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrleft.png');_background:none;}
.scroll .arr_right {position:absolute; top:156px; right:-1px; width:30px; height:44px; cursor:pointer;background:url(http://i1.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrright.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i1.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrright.png');_background:none;}
.scroll a.arr_left:hover { background:url(http://i1.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrleft_hover.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i1.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrleft_hover.png');_background:none;}
.scroll a.arr_right:hover {background:url(http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrright_hover.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i0.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_arrright_hover.png');_background:none;}

.scroll .box { float:left; width:580px; overflow:hidden;}
.scroll .box .bg { height:67px; background:#000; filter:alpha(opacity=50);opacity:0.5; margin-top:-67px;}/*多区域焦点图修改之处*/
.scroll .box .txt { padding-left:24px; height:67px; margin-top:-67px; position:relative;border-top: 1px solid #000;}/*多区域焦点图修改之处*/
.scroll .box h3{ font-family:"微软雅黑", "黑体"; font-size:20px; line-height:36px;}
.scroll .box p{color:#b8b7b5}
.scroll .play_icon a{ width:69px; height:69px; overflow:hidden; line-height:400px; cursor:pointer; position:relative; top:-162px; left:20px; display:block; background:url(http://i1.sinaimg.cn/ent/deco/2012/0612/ent_zxh_play_icon_normal.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i1.sinaimg.cn/ent/deco/2012/0612/ent_zxh_play_icon_normal.png');_background:none;}
.scroll .play_icon a:hover{ background:url(http://i0.sinaimg.cn/ent/deco/2012/0612/ent_zxh_play_icon_hover.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='http://i0.sinaimg.cn/ent/deco/2012/0612/ent_zxh_play_icon_hover.png');_background:none;}

.scroll01 .box { float:left; width:128px; padding-right:20px; overflow:hidden;}
.scroll01 .box_c {overflow:hidden;} /* xuehua modify 20120517 */

.scroll01, .scroll_cont, .scroll01 .box, .scroll01 .box_c { +position:relative;_position:relative}

.scroll01 .btn{ text-align:center; padding:0 0 0;zoom:1;}
.scroll01 .arr_left{ background-position:-200px -100px; width:31px; height:31px; display:inline-block; margin:0 10px;}
.scroll01 .arr_left:hover{ background-position:-200px -150px;}
.scroll01 .arr_right{ background-position:-250px -100px; width:31px; height:31px; display:inline-block; margin:0 10px;}
.scroll01 .arr_right:hover{ background-position:-250px -150px;}
.scroll01 .scroll_num span{ background-position:-300px -100px; width:18px; height:31px; display:inline-block}
.scroll01 .scroll_num span.current{ background-position:-320px -100px;}


/* 以下css表作废 */
/ *自定义链接颜色* /
.fred { color:#ca2001 !important }
.fgrey { color:#858175}
.fred02 { color:#9b0002 !important}
.fblack { color:#000 !important}
.fblue { color:#33F !important }
.forange { color:#F60 !important }
a.fred02:visited, a.fblack:visited, a.fblue:visited, a.forange:visited { color:#757575 !important }
a.fred:visited {#CA2001 !important}
a.fred:hover, a.fred02:hover, a.fblack:hover, a.fblue:hover, a.forange:hover { color:#9b0002 !important }

.grey, a.grey, .grey a{color:#858178}
a.grey:visited, .grey a:visited{ color:#757575}
a.grey:hover, .grey a:hover{ color:#c00}
/ *自定义标题链接颜色* /
.f_red, .f_red:visited, .f_red:hover { color:#9b0002 !important }
.f_red02, .f_red02:visited, .f_red02:hover { color:#9b0002 !important }
.f_white, .f_white:visited, .f_white:hover { color:#fff !important }
.f_black, .f_black:visited, .f_black:hover { color:#000 !important }
.f_blue, .f_blue:visited, .f_blue:hover { color:#33F !important }
.f_grey, .f_grey:visited { color:#858175 !important }
.f_grey:hover {color:#CA2001 !important}
.f_grey_p, .f_grey_p:visited { color:#858175 !important }
.f_grey02, .f_grey02:visited{color:#4F4B3D !important;}
.f_grey02:hover{color:#CA2001 !important;}
.space { height:10px; overflow:hidden; background:#fff; }
.space_15 { height:15px; overflow:hidden; background:#fff; }
.isLine { text-decoration:underline !important; }
.f14 { font-size:14px !important }
.center{ text-align:center}
.t999{text-indent:-999em}
.bold { font-weight:bold; }
.nobottom { border-bottom:none !important }
.nobg { background:none !important }
h1, h2, h3, h4, h5, strong, em { font-weight:normal; }
.topwrap{ border-top:solid 2px #768389; background:url(http://i3.sinaimg.cn/ent/deco/2012/0503/index/ent_zxh_0420_01.png) repeat-x}
.wrap { width:950px; margin:0 auto;}

*/


</style>
<!-- 焦点图 begin -->
<div class="scroll" data-sudaclick="focus_img">
<div class="scroll_cont" id="FS_Cont_01" data-client="focus">
<!-- 抓站_焦点图 begin -->
<div class="box">
<div><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82735.html" target="_blank"><img height="370" width="580" alt="独家:高圆圆机场送赵又廷离京 闸口秀恩爱" src="http://i2.sinaimg.cn/ent/402/2009/0701/U5912P28T402D1F12476DT20140608135924.jpg"/></a></div>
<div class="bg"></div>
<div class="txt">
<h3><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82735.html" target="_blank" class="f_white">独家:高圆圆机场送赵又廷离京 闸口秀恩爱</a></h3>
<p>7日晚,高圆圆和赵又廷牵手现身首都机场,女方前来送行,二人在闸口缠绵拥抱难舍难分。</p>
</div>

</div>
<div class="box">
<div><a href="http://slide.ent.sina.com.cn/star/k/slide_4_704_82738.html" target="_blank"><img height="370" width="580" alt="河智苑抵台获粉丝热情接机 回应:我爱你们" src="http://i1.sinaimg.cn/ent/402/2009/0701/U5912P28T402D1F14794DT20140608161613.jpg"/></a></div>
<div class="bg"></div>
<div class="txt">
<h3><a href="http://slide.ent.sina.com.cn/star/k/slide_4_704_82738.html" target="_blank" class="f_white">河智苑抵台获粉丝热情接机 回应:我爱你们</a></h3>
<p>河智苑今日抵达台湾,机场获众多粉丝接机,她热情招呼之余更直呼:我爱你们。</p>
</div>
</div>

<div class="box">
<div><a href="http://sina.allyes.com/main/adfclick?db=sina&bid=668147,737159,742409&cid=0,0,0&sid=747905&advid=25135&camid=118409&show=ignore&url=http://sale.jd.com/mall/wNzrRVh23DcJUQj.html" target="_blank"><img height="370" width="580" alt="" src="http://d5.sina.com.cn/201406/06/555336_580x370.jpg"/></a></div>
<div class="bg"></div>
<div class="txt">
<h3><a href="http://sina.allyes.com/main/adfclick?db=sina&bid=668147,737159,742409&cid=0,0,0&sid=747905&advid=25135&camid=118409&show=ignore&url=http://sale.jd.com/mall/wNzrRVh23DcJUQj.html" target="_blank" class="f_white">高圆圆</a></h3>
<p>$$ 张斌/2014-6-7 ~ 2014-6-8/B </p>
</div>
</div>
<div class="box">
<div><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82724.html" target="_blank"><img height="370" width="580" alt="柳岩车展抹胸装秀香肩 遭宅男狂拍" src="http://i0.sinaimg.cn/ent/402/2009/0701/U10967P28T402D1F12485DT20140608054528.jpg"/></a></div>
<div class="bg"></div>
<div class="txt">
<h3><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82724.html" target="_blank" class="f_white">柳岩车展抹胸装秀香肩 遭宅男狂拍</a></h3>
<p>6月7日,柳岩现身重庆车展,女神魅力势不可挡,车迷和粉丝争相拍照以致场面一度失控。</p>
</div>
</div>
<div class="box">
<div><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82723.html" target="_blank"><img height="370" width="580" alt="郭晶晶产后京城捞金引骚动 玩速闪拒接受采访" src="http://i3.sinaimg.cn/ent/402/2009/0701/U10967P28T402D1F12479DT20140608054528.jpg"/></a></div>
<div class="bg"></div>
<div class="txt">
<h3><a href="http://slide.ent.sina.com.cn/star/slide_4_704_82723.html" target="_blank" class="f_white">郭晶晶产后京城捞金引骚动 玩速闪拒接受采访</a></h3>
<p>6月7日,郭晶晶婚后首次出席京城某商业活动,她一袭斜肩红色礼裙,面带微笑,气色相当不错。</p>
</div>
</div>

<!-- 抓站_焦点图 end -->
</div>
<a href="javascript:;" title="上一个" class="arr_left" id="FS_arr_left_01"></a>
<a href="javascript:;" title="下一个" class="arr_right" id="FS_arr_right_01"></a>
<div class="scroll_num" id="FS_numList_01"></div>
</div>
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
var focusScroll_01 = new ScrollPic();
focusScroll_01.scrollContId = "FS_Cont_01"; //内容容器ID
//focusScroll_01.arrLeftId = "FS_arr_left_01";//左箭头ID
//focusScroll_01.arrRightId = "FS_arr_right_01"; //右箭头ID

focusScroll_01.dotListId = "FS_numList_01";//点列表ID
focusScroll_01.dotClassName = "";//点className
focusScroll_01.dotOnClassName = "current";//当前点className
focusScroll_01.listType = "";//列表类型(number:数字,其它为空)
focusScroll_01.listEvent = "onmouseover"; //切换事件

focusScroll_01.frameWidth = 580;//显示框宽度
focusScroll_01.pageWidth = 580; //翻页宽度
focusScroll_01.upright = false; //垂直滚动
focusScroll_01.speed = 10; //移动速度(单位毫秒,越小越快)
focusScroll_01.space = 60; //每次移动像素(单位px,越大越快)
focusScroll_01.autoPlay = true; //自动播放
focusScroll_01.autoPlayTime = 5; //自动播放间隔时间(秒)
focusScroll_01.circularly = true;
focusScroll_01.initialize(); //初始化
$('FS_arr_left_01').onmousedown = function(){
focusScroll_01.pre();
return false;
}
$('FS_arr_right_01').onmousedown = function(){
focusScroll_01.next();
return false;
}
//--><!]]>
</script>
<!-- 焦点图 end -->





--------------------------------
  评论这张
 
阅读(177)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017