HTML学习之翻页效果实现

原创 2016年08月30日 21:52:42
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            a{
                width: 17px;
                height: 20px;
                text-align: center;
                color: #2052a3;
                line-height: 20px;
                border: 1px solid #e0e1e2;
                text-decoration: none;
                display: inline-block;
                font: "宋体" 12px/20px;
            }

            .pageBtn{
                width: 64px;
            }
            a:hover,.select{
                background: #1f3a87;
                color: #fff;
            }
        </style>
    </head>
    <body>
        <div id="pagebox">
            <a href="" class="pageBtn">上一页</a>
            <a href="">1</a>
            <a href="">2</a>
            <a href="" class="select">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">7</a>
            <a href="">8</a>
            <a href="">9</a>
            <a href="" class="pageBtn">下一页</a>

    </body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML5 实现翻页的效果

  • 2014-11-07 21:28
  • 320KB
  • 下载

2014-11-6Android学习------Android 仿真翻页效果实现--------贝塞尔曲线(二)

写一篇文章很辛苦啊!!! 转载请注明,联系请邮件nlp30508@qq.com 我学习Android都是结合源代码去学习,这样比较直观,非常清楚的看清效果,觉得很好,今天的...

html动态翻页效果

  • 2017-05-24 15:18
  • 12.26MB
  • 下载

书页翻页效果(HTML5).

  • 2013-06-04 09:20
  • 73KB
  • 下载

2014-11-3Android学习------利用ViewFlipper实现滑动翻页的效果--------GIF动画实现

写一篇文章很辛苦啊!!! 转载请注明,联系请邮件nlp30508@qq.com 我学习Android都是结合源代码去学习,这样比较直观,非常清楚的看清效果,觉得很好,今天的...

HTML5网页电子书翻页效果

  • 2016-09-07 10:36
  • 4.18MB
  • 下载

HTML5 杂志翻页效果

  • 2014-04-01 14:32
  • 3.48MB
  • 下载

一步步实现Viewpager卡片翻页效果

源码地址:https://github.com/NateRobinson/CardStackViewpager 这个CardStackViewpager的灵感来自Github上面的 Flippab...

书页翻页效果(HTML5)

  • 2013-06-02 08:28
  • 73KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)