欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS3 >

数字焦点图轮播代码

 

<!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=utf-8" />

<title>数字焦点图轮播代码</title>

<meta name="keywords" content="数字焦点图轮播代码" />

<meta name="description" content="数字焦点图轮播代码" />

<link rel="stylesheet" type="text/css" href="css/style.css" />

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/script.js"></script>

 

</head>

 

<body>

 

<div id=js class="js">

 

      <img alt="" src="images/01.jpg" />

      <img style="display:none" alt="" src="images/02.jpg" />

      <img style="display:none" alt="" src="images/03.jpg" />

     

      <div id="jsNav" class="jsNav">

           <a id="prev" class="prevBtn" href="javascript:void(0)"></a>

          

           <a class="trigger imgSelected" href="javascript:void(0)">1</a>

           <a class="trigger" href="javascript:void(0)">2</a>

           <a class="trigger" href="javascript:void(0)">3</a>

          

           <a id="next" class="nextBtn" href="javascript:void(0)"></a>

      </div>

     

</div>

<!--代码整理:js代码 www.jsdaima.com-->

</body>

</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c16961.shtml

我要分享到:
上一篇:css3实现各种图标效果
下一篇:没有了

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-01-08 10:31 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。