zoukankan      html  css  js  c++  java
  • 点击文字使其滚动到中间位置,有滚动效果

    <html>
    <head>
    <title>abc</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    </head>
    <script language="JavaScript" src="jquery.js" type=""></script>

    <script type="text/javascript">

      var q=document.getElementById("choice");
      box.innerHTML+=box.innerHTML;

      

    function a(obj){
    q.scrollTop=45;  //根据自己的div调整 scrollTop的大小
    }
    function b(obj){
    q.scrollTop=61;
    }
    function c(obj){
    q.scrollTop=79;
    }
    function d(obj){
    q.scrollTop=13;
    }
    function ee(obj){
    q.scrollTop=30;
    }
    </script>

    <body>

    <div id="choice" style="z-index:20;margin-top: 25px;height:80px;overflow:hidden;">
      <a id="a" href="javascript:" onclick="a(this)">111</a>
      <a id="b" href="javascript:" onclick="b(this)">222</a>
      <a id="c" href="javascript:" onclick="c(this)">333</a>
      <a id="d" href="javascript:" onclick="d(this)">444</a>
      <a id="e" href="javascript:" onclick="ee(this)">555</a>
    </div>

    </body>
    </html>

  • 相关阅读:
    vim 多文件操作
    二分查找
    单调栈
    常见TCP问题
    C++为啥引入nullptr?
    python处理表格按照表头为单位的划分并分割到单独的文件
    集合:List,Set,Map
    SpringBoot
    Spring框架
    JavaScript 类型、原型与继承学习笔记
  • 原文地址:https://www.cnblogs.com/IT-shen/p/4236293.html
Copyright © 2011-2022 走看看