js 图片轮播代码带缓冲效果

2016-02-22    编辑:kp12345     点击(
本文章提供二款js 图片轮播代码带缓冲效果哦,并且一款可自定义的幻灯片和图片缓冲代码,如果你需要修改

<!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>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>可自定义的幻灯片和图片缓冲...</title>
<link href="css教程/css.css" type=text/css rel=stylesheet>
<body>
 <div class="dhooo_tab">
 <ul class="tab_btn" id="mytab_btns1">
  <li class="hot">嘉年华</li><li>完美冬日</li><li>年终庆</li><li>妈咪宝贝</li><li>冬季氛围</li>
 </ul>
 <div class="main" id="main1">
<div class="shell">
<ul id="content1">
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/1.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/2.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/3.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/4.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/5.jpg" /></a></li>
</ul>
</div>
 </div>
</div>
 <div class="dhooo_tab">
<div style="height:30px;background:#cc0000;margin-bottom:10px;border-bottom:2px solid #990000;position:relative"><div style="background:#fff;width:80px;font-size:12px;position:absolute;bottom:-2px;left:20px;padding:5px">我的幻灯片</div></div>
 <ul class="tab_btn_num" id="mytab_btns2">
  <li class="hot">1</li><li>2</li><li>3</li><li>4</li><li>5</li>
 </ul>
 <div class="main" id="main2">
<ul class="content">
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/5.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/4.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/3.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/2.jpg" /></a></li>
 <li><a href="http://www.www.111cn.net/" target="_blank"><img src="images/1.jpg" /></a></li>
</ul>
</div>
</div>
<script language=网页特效 src="js/scroll.js" type=text/javascript></script>
</p>
 <p></p>
 <p>   </p>
 <p> </p>
</body>
</html>

源码下载
http://down.111cn.net/down/code/jquery/2010/1023/21379.html