<!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>
<title>新浪大片首页jQuery焦点图 - 网页模板</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<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; }
a.linkRed:link, a.linkRed:visited { color:#f00!important; }/* 红色 */
a.linkRed:hover { color:#c00!important; }
a.linkRed01:link, a.linkRed01:visited { color:red!important }
a.linkRed01:hover { color:red!important }
/* 焦点图 */
.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;}
.scroll .t, .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 .t{width:145px; height:36px; cursor:pointer;overflow:hidden; left:-10px; top:16px;background:url(img/video_1220_zyc_dsj_logo.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_1220_zyc_dsj_logo.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 0 -250px; 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">
<!--焦点图 begin -->
<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="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="《隋唐英雄4》" src="images/U6764P167T518D1F20340DT20140307122230.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="《蓝可儿之旅》" src="images/U6764P167T518D1F20406DT20140320100516.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="《功夫兔与菜包狗》" src="images/U6764P167T518D1F20339DT20140327104730.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="电视剧《钢的琴》" src="images/U6764P167T518D1F20391DT20140220073510.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="《隋唐英雄3》" src="images/U6764P167T518D1F20396DT20140127163842.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/" target="_blank"><img alt="《新闺蜜时代》" src="images/U6764P167T518D1F20341DT20140201000916.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/?m/txqkl_63444063.html" target="_blank"><img alt="《甜心巧克力》" src="images/U6764P167T518D1F20338DT20140307113222.jpg" /></a>
</div>
<div class="box">
<a href="http://www.moobnn.com/jiaoben/?m/ycyw_63422469.html" target="_blank"><img alt="《一城一味》" src="images/U6764P167T518D1F20401DT20140121175610.jpg" /></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="http://www.moobnn.com/jiaoben/?m/201403060102281_63654409.html" target="_blank">《隋唐英雄4》</a></h2>
<p>原班人马再续古装传奇大戏 </p>
<p class="des">贞观年间，西凉叛乱，薛仁贵奉旨平乱，不幸中了敌帅苏宝同的奸计，被困锁阳城。柳金花携女薛金莲上山寻薛丁山救父，在长安路遇被太子调戏的樊梨花，薛丁山出手相助，两人暗生情愫，樊梨花向柳金花提亲被拒，与薛丁山依依惜别。樊梨花回到西凉劝苏宝同不成……<a href="http://www.moobnn.com/jiaoben/?m/201403060102281_63654409.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="http://www.moobnn.com/jiaoben/?m/201403060102281_63654409.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt02" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="http://www.moob
新浪大片首页jQuery焦点图.zip （19个子文件） 
新浪大片首页jQuery焦点图 jiaoben2188 images 
U6764P167T518D1F20391DT20140220073510.jpg 170KB U6764P167T518D1F20406DT20140320100516.jpg 105KB U6764P167T518D1F20338DT20140307113222.jpg 77KB U6764P167T518D1F20401DT20140121175610.jpg 70KB U6764P167T518D1F20339DT20140327104730.jpg 83KB U6764P167T518D1F20396DT20140127163842.jpg 105KB U6764P167T518D1F20341DT20140201000916.jpg 188KB U6764P167T518D1F20340DT20140307122230.jpg 147KB img 
video_0921_05.png 3KB video_0921_arrow_right.png 2KB video_1220_zyc_dsj_logo.png 4KB video_0921_txtbg.png 4KB video_0921_04.png 349B video_0921_02.png 5KB video_0921_arrow_left.png 2KB
index.html 16KB js 
jquery.js 53KB zzsc.js 5KB 新浪大片首页jQuery焦点图.jpg 107KB资源评论
