点击文字使其滚动到中间位置,有滚动效果

 

<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:" οnclick="a(this)">111</a>
  <a id="b" href="javascript:" οnclick="b(this)">222</a>
  <a id="c" href="javascript:" οnclick="c(this)">333</a>
  <a id="d" href="javascript:" οnclick="d(this)">444</a>
  <a id="e" href="javascript:" οnclick="ee(this)">555</a>
</div>

</body>
</html>

 

转载于:https://www.cnblogs.com/IT-shen/p/4236293.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值