前提・実現したいこと
JQueryを使わず動きのある線を引きたいです。
初心者なので初歩的なミスかと思いますが教えていただけますでしょうか。
発生している問題・エラーメッセージ
ウィンドウサイズの2倍の幅になり、右端に出てしまう。 動きがついていない。
該当のソースコード
Javascript
1<script> 2var timer=setInterval('horizon()', 3); 3var winW=innerWidth; 4 5function horizon(){ 6 for(var xPosition=0;xPosition<=winW;xPosition++){ 7 document.getElementById('box').style.width=xPosition+'px'; 8 document.getElementById('box').style.left=xPosition+'px'; 9 } 10} 11</script> 12<style> 13#box{ 14 width: 0; 15 height: 100px; 16 background: #000; 17 position: absolute; 18} 19</style> 20</head> 21<body> 22<div id="box"></div> 23</body>
回答2件
あなたの回答
tips
プレビュー