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网页电子书翻页效果

  • 2016年09月07日 10:36
  • 4.18MB
  • 下载

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

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

HTML5 杂志翻页效果

  • 2014年04月01日 14:32
  • 3.48MB
  • 下载

书页翻页效果(HTML5)

  • 2013年06月02日 08:28
  • 73KB
  • 下载

Android 实现书籍翻页效果----原理篇

By 何明桂(http://blog.csdn.net/hmg25) 转载请注明出处     之前看到像ipad上的ibook的模拟书籍翻页的特效感觉很炫,在android上也有像laputa和ir...

漂亮的html杂志翻页效果

  • 2014年03月18日 14:44
  • 1.11MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML学习之翻页效果实现
举报原因:
原因补充:

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