div 里文字太长,需要用js控制上下拉动
不用div只带的滚动条现在已经将滚动条隐藏,用两个按钮是控制内容的上下移动,高手知道的请指点指点,小弟初来咋到,很多东西不懂.......
不用div只带的滚动条 现在已经将滚动条隐藏,用两个按钮是控制内容的上下移动,高手知道的请指点指点,小弟初来咋到,很多东西不懂....
展开
1个回答
展开全部
我用的是两个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>
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询