イベントと実行タイミング

JavaScript

<html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMでイベントとタイミングを記述</title> <style>  </style> </head> <body> <p id="myID">テスト</p> <script> function myidEvent() { alert( '押されました' ); } document.getElementById( 'myID' ).onclick = myidEvent; </script> <…</body></html>

2012-07-11

DOM Scripting

JavaScript

getElementById('id名').style.color='#ff0000' <html lang="ja"> <head> <meta charset="UTF-8"> <title>DOMによる要素の指定例</title> </head> <body> <h1 id="myid">DOMによる要素の指定</h1> <script> document.getElementById('myid').style.color='#ff0000'; </script> </body> </html>

2012-07-11

Soundクラス

HTML・CSS

HTML5でサウンド ▼ここからmp3ファイルダウンロード http://www.soundjay.com/nature-sounds.html audioタグを使う <audio src="sound/wind-01.mp3" controls></audio> audioタグの外に↓ <p>ブラウザ上で再生できない方は<a href="sound/wind-01.mp3">音声のダウンロード</a>をどうぞ。</p> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル音声を再生</title>…</meta></head></html>