<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.superslide.2.1.1.js"></script>
<script src="js/whzwwy.js"></script>
-----------------------------------------------------------
<div class="all">
<div class="mr_frbox">
<div class="mr_frBtnL prev"> </div>
<div class="mr_frUl">
<ul id="mr_fu">
<li> <img src="img/1.jpg" /><p>2233</p></li>
<li> <img src="img/2.jpg" /><p>122</p></li>
<li> <img src="img/3.jpg" /><p>武汉体育学院</p></li>
<li> <img src="img/1.jpg" /><p>武汉铁路职业技术</p></li>
<li> <img src="img/2.jpg" /><p>天佑医院</p> </li>
<li> <img src="img/3.jpg" /><p>武汉体育学院</p></li>
<li> <img src="img/3.jpg" /><p>武汉体育学院</p></li>
<li> <img src="img/3.jpg" /><p>武汉体育学院</p></li>
</ul>
<div class="cl"></div>
</div>
<div class="mr_frBtnR next"> </div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
/* 图片滚动效果 */
$(".mr_frbox").slide({
titCell: "",
mainCell: ".mr_frUl ul",
autoPage: true,
effect: "leftLoop",
autoPlay: true,
vis: 6
});
});
</script>
/*----------------------------样式-----------------------------------*/
body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }
* { padding: 0; margin: 0; }
a { text-decoration: none; }
ul, li { list-style: none; }
img { border: 0; }
.cl { clear: both; height: 0px; }
.all { width: 1100px; margin: 0 auto; overflow: hidden; }
.mr_frbox{ position:relative;}
.mr_frbox .prev{ width:30px; height:44px; background:url(img/qhjt.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-22px; cursor:pointer;}
.mr_frbox .next{ width:30px; height:44px; background:url(img/qhjt1.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-22px; cursor:pointer;}
.mr_frUl{ width:1000px; margin:0 auto; overflow:hidden;}
.tempWrap{ margin:0 auto;}
.mr_frUl li{ width:210px; height:190px; float:left; margin:0 20px;}
.mr_frUl li:hover p{ color:#ccc;}
.mr_frUl li img{ width:210px; height:143px;}
.mr_frUl li p{ width:210px; height:45px; line-height:45px; color:#fff; background:#F25533; text-align:center;}
转载于:https://blog.51cto.com/henhao/1950427