可控制左右滚动的图片展示效果
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html><head>
<title>可控制左右滚动的图片展示效果</title>
<meta charset=gbk>
<meta content="" name=keywords>
<script src="js/header-min.js"></script>
<link href="style/index.css教程" type="text/css" rel="stylesheet">
<script src="js/163css.js" type=text/网页特效></script>
<meta content="mshtml 6.00.6000.17063" name=generator>
</head>
<body>
<div id=site-nav>
--www.111cn.net[为中国互联网贡自己的微薄力量!]
</div>
<textarea class="floor-area ks-datalazyload">
<div id="floor-4">
<div class="f-carousel">
<a title="上一页" class="mall-prev" href="#"></a>
<div class="f-content-wrapper">
<p class="f-switchable">
<a href="http://www.111cn.net" target="_blank"><img src="images/t1qndexbvqxxxxxxxx-160-160.gif" alt="www.111cn.net" /></a>
<a href="http://www.111cn.net" target="_blank"><img src="images/t1ixxexepvxxxxxxxx-160-160.gif" alt="www.111cn.net" /></a>
<a href="http://www.111cn.net" target="_blank"><img src="images/t1o4xexivzxxxxxxxx-160-160.png" alt="www.111cn.net" /></a>
<a href="http://www.111cn.net" target="_blank"><img src="images/t1inrexgfjxxxxxxxx-160-160.png" alt="www.111cn.net" /></a>
</p>
</div>
<a title="下一页" class="mall-next" href="#"></a>
<ul class="f-trigger clearfix">
<li class="active">
<b></b>
<a href="http://www.111cn.net"><img alt="www.111cn.net" src="images/t1j4dexdbqxxxxxxxx-36-36.gif" /></a></li>
<li>
<b></b>
<a href="http://www.111cn.net" target="_blank"><img alt="www.111cn.net" src="images/t1hpxexmvuxxxxxxxx-36-36.gif" /></a></li>
<li>
<b></b>
<a href="http://www.111cn.net" target="_blank"><img alt="www.111cn.net" src="images/t1onrexerjxxxxxxxx-40-40.png" /></a></li>
<li>
<b></b>
<a href="http://www.111cn.net" target="_blank"><img alt="www.111cn.net" src="images/t1wnrexchjxxxxxxxx-40-40.png"/></a></li>
</ul>
</div>
</div>
<script>kissy.ready(function() { mfp.floor.init("#floor-4"); });</script></textarea>
<script src="js/163css2.js" type=text/javascript></script>
</body>
</html>
