日期:2014-05-16  浏览次数:20473 次

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" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为京探网jquery五屏焦点图,属于站长常用代码,更多焦点图代码请访问模板王JS代码频道。" />
<title>京探网jquery五屏焦点图_模板王</title>
<LINK rel=stylesheet type=text/css href="css/css.css">
<SCRIPT src="js/jquery.js"></SCRIPT>
<SCRIPT src="js/loopedslider.min.js"></SCRIPT>
<SCRIPT src="js/focus.js"></SCRIPT>
</head>

<body>

<div class="mobanwangbox">
<!--焦点图-->
<DIV id=newsSlider>
<DIV class=container>
<UL class=slides>
  <LI><A href="#"
  target=_blank><IMG src="images/01.jpg"></A>
  <LI><A href="#"
  target=_blank><IMG src="images/02.jpg"></A>
  <LI><A href="#"
  target=_blank><IMG src="images/03.jpg"></A>
  <LI><A href="#"
  target=_blank><IMG src="images/04.jpg"></A>
  <LI><A href="#"
  target=_blank><IMG src="images/05.jpg"></A> </LI></UL></DIV>
<DIV class=validate_Slider></DIV>
<UL class=pagination>
  <LI><A href="#">1</A> </LI>
  <LI><A href="#">2</A> </LI>
  <LI><A href="#">3</A> </LI>
  <LI><A href="#">4</A> </LI>
  <LI><A href="#">5</A> </LI></UL></DIV>
<!--焦点图-->
</div>
</body>
</html>