实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
5
        <link rel="stylesheet" href="//ku.shouce.ren/libs/cxslide/2.0.2/css/layout.css">
6
        <link rel="stylesheet" href="//ku.shouce.ren/libs/css/animate/animate.min.css">
7
        <script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js">
8
        </script>
9
        <script src="//ku.shouce.ren/libs/cxslide/2.0.2/js/jquery.cxslide.min.js">
10
        </script>
11
    </head>
12
    <body>
13
        <div class="main">
14
            <div class="inwrap">
15
                <h1>jQuery cxSlide 焦点图轮换
16
                </h1>
17
                <h2>CSS 动画
18
                </h2>
19
                <p>本示例结合动画库：
20
                    <a target="_blank" href="https://github.com/daneden/animate.css">animate.css
21
                    </a>，做的简单动画效果，如果你熟练使用 CSS 动画，可以完全发挥你的想象制作动画效果。
22
                </p>