<!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>
<!--sucai58.com 专注html3+css3素材的网站-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新浪大片首页jQuery焦点图</title>
<style type="text/css">
/* 初始化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-left:0;padding-bottom:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px;margin:0;}
table{border-collapse:collapse;}
body{background:#fff;color:#333;padding:5px 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:#056ea1;text-decoration:none;}
a:visited{color:#056ea1;}
a:hover, a:active, a:focus{color:#f00;text-decoration:underline;}
/* 焦点图 */
.focus{overflow:hidden;zoom:1;min-width:950px;background:url(img/video_0921_04.png) repeat-x}
.focus_body{background:url(img/video_0921_05.png) no-repeat center top}
.scroll{width:950px;margin:0 auto;position:relative;padding-top:16px;}
.arr_left, .arr_right,.scroll_txt{position:absolute;}
.arr_left{width:45px;height:70px;cursor:pointer;line-height:400px;overflow:hidden;left:0;top:135px;background:url(img/video_0921_arrow_left.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_arrow_left.png');_background:none;}
.arr_right{width:45px;height:70px;cursor:pointer;line-height:400px;overflow:hidden;right:0;top:135px;background:url(img/video_0921_arrow_right.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_arrow_right.png');_background:none;}
.scroll .box{float:left;width:944px;}
.scroll_cont{border:solid 3px #fff;width:944px;height:342px}
.numList{vertical-align:middle;text-align:center;padding:8px;}
.numList span{display: inline-block;width:25px;height:0;padding-top:8px;border:solid 1px #5e5e5e;margin-right:5px;background:#0f0f0f;cursor:pointer;line-height:0;font-size:0}
.numList span.selected{border:solid 1px #333;background:#fff}
.scroll_txt{left:660px;top:11px;}
.scroll_txt .txtbg{position:absolute;width:257px;height:390px;left:0;top:0;background:url(img/video_0921_txtbg.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_txtbg.png');_background:none;}
.scroll_txt .txtcontent{position:absolute;left:34px;top:60px;color:#ccc;width:210px}
.scroll_txt .txtcontent h2{font-size:20px;color:#ccc;font-family:"微软雅黑", "黑体";line-height:24px;padding:0 0 5px;}
.scroll_txt .txtcontent p{padding:5px 0;}
.scroll_txt .txtcontent p span{color:#2d84be;}
.scroll_txt .txtcontent .btn{text-align:center;padding:10px}
.scroll_txt .txtcontent .btn a{background:url(img/video_0921_02.png) no-repeat;width:94px;height:25px;display:block;margin:0 auto;cursor:pointer;line-height:400px;overflow:hidden}
.txtcontent h2 a{color:#ccc;}
.txtcontent h2 a:hover{color:#fff;text-decoration:none;}
.txtcontent h2 a:visited{color:#ccc;}
.playList{float:right;width:308px;overflow:hidden;}
.playList li{width:290px;height:80px;padding-left:18px;background:url(img/video_0815_01.png) no-repeat}
.playList li.active{background-position:0 -80px}
.playList li h3{color:#333;font-size:16px;font-family:"微软雅黑", "黑体";line-height:30px;}
.playList li a, .playList li a:visited, .playList li a:hover{color:#333}
.playList li p{color:#898989;padding-right:9px}
.playList li.active a, .playList li.active a:visited, .playList li.active a:hover, .playList li.active p{color:#fff;}
</style>
</head>
<body>
<div class="focus">
<div class="focus_body">
<div class="scroll">
<a href="javascript:void(0);" class="arr_left" id="FS_arr_left_01">左移动</a>
<a href="javascript:void(0);" class="arr_right" id="FS_arr_right_01">右移动</a>
<div class="scroll_cont" id="FS_Cont_01">
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
<div class="box"><a href="https://www.51qianduan.com/">51前端</a></div>
</div>
<div id="FS_numList_01" class="numList"></div>
<div class="scroll_txt">
<div id="txt01" class="scroll_info" style="display:block">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
<p>原班人马再续古装传奇大戏 </p>
<p class="des">贞观年间，西凉叛乱，薛仁贵奉旨平乱，不幸中了敌帅苏宝同的奸计，被困锁阳城。柳金花携女薛金莲上山寻薛丁山救父，在长安路遇被太子调戏的樊梨花，薛丁山出手相助，两人暗生情愫，樊梨花向柳金花提亲被拒，与薛丁山依依惜别。樊梨花回到西凉劝苏宝同不成……<a href="https://www.51qianduan.com/">51前端</a></p>
<div class="btn"><a href="https://www.51qianduan.com/">51前端</a></div>
</div>
</div>
<div id="txt02" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
<p>蓝可儿事件纪实惊悚微电影 </p>
<p class="des">影片讲述李漫荻饰演的旅社女老板Mandy为拉拢客源，策划了一场以入住蓝可儿案发的Cecil酒店，感受惊悚之旅为噱头的招揽客户的策划案，而Mandy在提前入住Cecil酒店进行场地勘察时，“如愿”遭遇了种种恐怖事件……<a href="https://www.51qianduan.com/">51前端</a></p>
<div class="btn"><a href="https://www.51qianduan.com/">51前端</a></div>
</div>
</div>
<div id="txt03" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
<p>第2集 菜包狗大反击 </p>
<p class="des">故事发生在一个年轻人家中，他画出了一只聪明却叛逆的兔子，和一只忠诚却自负的狗。从此，抓住兔子就成了主人和狗的精神理想和肉体梦魇，他们屡战屡败，屡败屡战。穿越到书中追兔子，钻进大脑打怪兽，与外星人联手，操纵巨人去战斗。<a href="https://www.51qianduan.com/">51前端</a></p>
<div class="btn"><a href="https://www.51qianduan.com/">51前端</a></div>
</div>
</div>
<div id="txt04" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
<p>电影《钢的琴》完整版本 </p>
<p class="des">陈桂林是东北某钢铁厂的一名工人子弟，满身文艺细胞的他一心想考大学，然而连考三年却都以毫厘之差名落孙山，最终接了父亲的班到钢铁厂的铸造车间当了一名工人。陈桂林的独特气质同时吸引了厂里的一对姐妹花淑娴和小菊…�
原生js仿新浪电影大片首页焦点图片滚动切换插件.zip （19个子文件） 
12193 js 
ScrollPic.js 16KB jquery.js 53KB img 
video_0921_arrow_right.png 2KB video_0921_arrow_left.png 2KB Thumbs.db 14KB video_0921_txtbg.png 3KB video_0921_04.png 349B video_0921_05.png 3KB video_0921_02.png 726B
index.html 12KB images Thumbs.db 25KB
U6764P167T518D1F20341DT20140201000916.jpg 188KB U6764P167T518D1F20406DT20140320100516.jpg 105KB U6764P167T518D1F20338DT20140307113222.jpg 77KB U6764P167T518D1F20339DT20140327104730.jpg 83KB U6764P167T518D1F20401DT20140121175610.jpg 70KB U6764P167T518D1F20391DT20140220073510.jpg 170KB U6764P167T518D1F20340DT20140307122230.jpg 147KB U6764P167T518D1F20396DT20140127163842.jpg 105KB资源评论
