你的位置: 前端博客 > jquery插件 > jQuery插件:万能滚动power-slider
      • HTML代码

        我是一个标题测试1

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

      • HTML代码

        我是一个标题测试2

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

      • HTML代码

        我是一个标题测试3

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

      • HTML代码

        我是一个标题测试4

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

        • HTML代码

          我是一个标题测试1

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

        • HTML代码

          我是一个标题测试2

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

        • HTML代码

          我是一个标题测试3

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

        • HTML代码

          我是一个标题测试4

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

          • HTML代码

            我是一个标题测试1

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

          • HTML代码

            我是一个标题测试2

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

          • HTML代码

            我是一个标题测试3

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

          • HTML代码

            我是一个标题测试4

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis

            HTML代码CSS代码JS代码

            <div class="slider" id="img">
            <ul class="sliderbox">
            <li class="first">
            <div class="item-img"><a href=""><img src="images/ban1.gif" alt="HTML代码"/></a></div>
            <div class="item-content">
            <h3><a href="">我是一个标题测试1</a></h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis </p>
            </div>
            </li>
            <li>
            <div class="item-img"><a href=""><img src="images/ban2.gif" alt="HTML代码"/></a></div>
            <div class="item-content">
            <h3><a href="">我是一个标题测试1</a></h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis </p>
            </div>
            </li>
            <li>
            <div class="item-img"><a href=""><img src="images/ban3.gif" alt="HTML代码"/></a></div>
            <div class="item-content">
            <h3><a href="">我是一个标题测试1</a></h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis </p>
            </div>
            </li>
            <li>
            <div class="item-img"><a href=""><img src="images/ban4.gif" alt="HTML代码"/></a></div>
            <div class="item-content">
            <h3><a href="">我是一个标题测试1</a></h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, magnam recusandae provident perspiciatis </p>
            </div>
            </li>
            </ul>
            <ul class="slidernav"></ul>
            <div class="prev">&lt;</div>
            <div class="next">&gt;</div>
            </div>

            返回全能插件的详细介绍