html中怎么使用数字轮播,【求助】页面上显示几个数字,打开html的时候希望能滚动起来...
該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓
*{padding: 0;
margin: 0;
}
div{width:60px;
height:50px;
border:1px solid red;
overflow: hidden;
position: relative;
margin: 200px 400px;
}
ul{width:200px;
height:20px;
float:left;
position: absolute;}
li{width:10px;
height:20px;
font-size:20px;
float:left;
padding:15px;
}
window.οnlοad=function(){
var hDiv=document.getElementById('div');
var hUl=hDiv.getElementsByTagName('ul')[0];
var hLi=hUl.getElementsByTagName('li');
hUl.innerHTML+=hUl.innerHTML;
hUl.style.width=hLi[0].offsetWidth*hLi.length+'px';
function gd(){
if(hUl.offsetLeft
hUl.style.left='0';
}
if(hUl.offsetLeft>0){
hUl.style.left=-hUl.offsetWidth/2+'px';
}
hUl.style.left=hUl.offsetLeft-2+'px';
}
var timer=setInterval(gd,150);
hUl.οnmοuseοver=function(){
clearInterval(timer);
}
hUl.οnmοuseοut=function(){
timer=setInterval(gd,150);
}
}
- 12
- 50
- 120
總結(jié)
以上是生活随笔為你收集整理的html中怎么使用数字轮播,【求助】页面上显示几个数字,打开html的时候希望能滚动起来...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 计算机专业要学几门课呀,计算机专业学生一
- 下一篇: 学校电用计算机控制的,高等学校适用教材: