实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh" class="no-js">
3
 <head>
4
  <meta charset="UTF-8" />
5
  <title>catslider简单的多商品分类滑动</title>
6
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
  <link rel="stylesheet" type="text/css" href="/api/jq/catslider/css/style.css" />
9
  <script src="/api/jq/catslider/js/modernizr.custom.63321.js"></script>
10
 </head>
11
 <body>
12
  <div class="container">
13
   <header class="clearfix">
14
    <h1>简单的多商品分类滑动</h1>
15
   </header>
16
   <div class="main">
17
    <div id="mi-slider" class="mi-slider">
18
     <ul>
19
      <li><a href="#"><img src="/api/jq/catslider/images/10.jpg" alt="img10" /></a><h4><a></a><a href="#">jQuery仿蜜淘在线客服</a></h4></li>
20
      <li><a href="#"><img src="/api/jq/catslider/images/3.jpg" alt="img03" /></a><h4><a></a><a href="#">jQuery+turn.js翻书、文档和杂志</a></h4></li>
21
      <li><a href="#"><img src="/api/jq/catslider/images/6.jpg" alt="img06" /></a><h4><a></a><a href="#">jCarousel演示7种不同的滚动切换</a></h4></li>
22
     </ul>