• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    学习小实例--滚动条的简单实现

    效果:

    代码:

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    html xmlns="http://www.w3.org/1999/xhtml">
    head>
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    title>huanhangtiao/title>
    style>
    a{
    	width:17px;
    	height:20px;
    	font:12px/20px "宋体";
    border:1px solid #e0e1e2;
    	display:inline-block;
    	text-align:center;
    	color: #2052a3;
    	}
    	.shang{
    	width:64px;
    	}
    	a:hover,.active{
    	background-color:#1f3a87;
    	color:#fff;
    	}
    /style>
    /head>
    
    body>
    div class="">
    a class="shang">上一页/a>
    a>1/a>
    a>2/a>
    a class="active">3/a>
    a>4/a>
    a>5/a>
    a>6/a>
    a>7/a>
    a>8/a>
    a>9/a>
    a class="shang">下一页/a>
    /div>
    
    /body>
    /html>
    

    以上就是小编为大家带来的学习小实例--滚动条的简单实现全部内容了,希望大家多多支持脚本之家~

    您可能感兴趣的文章:
    • 使用jQuery判断浏览器滚动条位置的方法
    • jquery 实现滚动条下拉时无限加载的简单实例
    • jQuery控制div实现随滚动条滚动效果
    上一篇:如何在ADSI中查询用户属性?
    下一篇:cookie解决微信不能存储localStorage的问题
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    学习小实例--滚动条的简单实现 学习,小,实例,滚动,条,的,