JavaScript_PHP チュートリアルでスクロール バー効果を実装する方法

}

#body #leftDiv ボタン画像{

幅: 100ピクセル;

高さ: 100ピクセル;

}

#body #rightDiv ボタン画像{

幅: 100ピクセル;

高さ: 100ピクセル;

}

<スクリプト>

window.onload=function(){

var oDiv=document.getElementById('div1');

var oUl=oDiv.getElementsByTagName('ul')[0];

var oLi=oUl.getElementsByTagName('li');

var oLeft=document.getElementById('leftDiv');

var oright=document.getElementById('rightDiv');

oUl.innerHTML+=oUl.innerHTML;

oUl.style.width=oLi[0].offsetWidth*oLi.length+'px';

var 速度=-2;

関数 move(){

if (oUl.offsetLeft

oUl.style.left='0';

}else if(oUl.offsetLeft>0){

oUl.style.left=-oUl.offsetWidth/2+'px';

}

oUl.style.left=oUl.offsetLeft+speed+'px';

};

var timer=setInterval(move,30);

oLeft.onclick=function(){

速度=-2;

};

orright.onclick= 関数 () {

速度=2;

};

oUl.onmouseover=function(){

clearInterval(タイマー);

};

oUl.onmouseout=function(){

timer=setInterval(move,30);

};

}

• 
• 
• 
•