关于滚动成效
日期：2014-05-16 浏览次数：20464 次
关于滚动效果
<!DOCTYPE html>
<html>
<head>
<link href="http://news.qq.com/css/2012/pcss20130106.css" rel="stylesheet" media="screen" />
<style type="text/css">
.s3_mask li { float:left;display:inline;}
.s3_mask p { position:absolute; left:0; bottom:0; height:29px; line-height:29px; background:rgba(0, 0, 0, 0.5); padding-right:52px; width:236px;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000') \9}
</style>
<script src="http://mat1.gtimg.com/joke/js/comm/Qfast.js" type="text/javascript"></script>
<script type="text/javascript">
Qfast.add('common',{path:"http://mat1.gtimg.com/news/base2011/ued_common.js",type:"js"});//如果已经引用请删除此句
Qfast.add('scroll',{path:"http://news.qq.com/base2011/ued_scroll.js",type:"js",requires: ['common']});
</script>
</head>
<body>
<div class="mod mtf1">
<div class="bd">
<div class="bodybox" id="cardBody3">
<div class="tbody">
<div class="s3">
<div class="sm_prev" id="s3_sm_prev"></div>
<div class="s3_mask" id="s3_s3_mask">
<ul>
<li bossZone="yztp4">
<a href="http://news.qq.com/photon/selective/91.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/167/58/1429/92935682.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/91.htm" target="_blank" >一周图片精选(9.21-9.27)</a>
</p>
</li>
<li bossZone="yztp1">
<a href="http://news.qq.com/photon/selective/90.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/166/58/1429/92935681.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/90.htm" target="_blank" >一周图片精选(9.14-9.20)</a>
</p>
</li>
<li bossZone="yztp2">
<a href="http://news.qq.com/photon/selective/89.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/93/4/1418/92206563.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/89.htm" target="_blank" >一周精选(9.7-9.13)</a>
</p>
</li>
<li bossZone="yztp3">
<a href="http://news.qq.com/photon/selective/88.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/71/187/1412/91863056.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/88.htm" target="_blank" >一周图片精选(8.31-9.6)</a>
</p>
</li>
<li bossZone="yztp4">
<a href="http://news.qq.com/photon/selective/87.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/176/222/1406/91481936.jpg" style="h
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
