div 里文字太长,需要用js控制上下拉动

不用div只带的滚动条现在已经将滚动条隐藏,用两个按钮是控制内容的上下移动,高手知道的请指点指点,小弟初来咋到,很多东西不懂....... 不用div只带的滚动条 现在已经将滚动条隐藏,用两个按钮是控制内容的上下移动,高手知道的请指点指点,小弟初来咋到,很多东西不懂.... 展开
 我来答
hyt0114
2011-11-24 · TA获得超过276个赞
知道答主
回答量:207
采纳率:0%
帮助的人:197万
展开全部
我用的是两个DIV嵌套实现
<html>
<head>
<title>autoScrollText</title>
<style>
#outside{
height:100px;
width:300px;
border:1px solid black;
overflow:hidden;
float:left;
}
</style>
<script>
var timeId;//定时器
var timelong = 30;//移动速度
function back(){
clearInterval(timeId);
var node = document.getElementById("content");
var vtop = node.offsetTop;
timeId = setInterval(function(){
vtop -= 1;
if(vtop < document.getElementById("outside").offsetHeight - node.offsetHeight){
alert("到底部了");
clearInterval(timeId);
}else{
node.style.top = vtop;
}
},timelong);
}
function forward(){
clearInterval(timeId);
var node = document.getElementById("content");
var vtop = node.offsetTop;
timeId = setInterval(function(){
vtop += 1;
if(vtop >= 0){
alert("到顶部了");
clearInterval(timeId);
}else{
node.style.top = vtop;
}
},timelong);
}
</script>
</head>
<body>
<div id="outside">
<div id="content" style="position:absolute;">
<font color="green">first</font>testtest<br>
testtesttesttest<br>
testtesttesest<br>
tdfgesttesttasdfesttest<br>
dsfgtesttestasdftesttesafasdfst<br>
tdfgdsfgesttesasdfafsttesttasdfest<br>
fdgdfgtesttesttesttest<br>
asdftesttasdfesttesttest<br>
testtesttesttest<br>
asdfasftesttesttesttest<br>
testtesttesttest<br>
asdfasftesttestasdftesttest<br>
testtestasfdtesttest<br>
asdfasftesttesttesttest<br>
testtestasdftesttest<br>
asdfasftesttesasdfttesttest<br>
asdfadsftesttesttesttest<br>
<font color="red">last</font>festtesttesttest<br>
</div>
</div>
<div>
<input type="button" onClick="forward()" value="上移"><br>
<input type="button" onClick="back()" value="下移">
<div>
</body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式