2016-03-15から1日間の記事一覧
【問6】現在の時刻（～時～分～秒）を表示させなさい。 習得度確認試験_6問目 <html lang="ja"> <head> <meta charset="utf-8"> <title>習得度確認試験_6問目</title> </head> <body> <script> var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); document.write( '<h3>現在の</h3></body></html>…
【問1】サムネール（5個）にマウスを乗せたとき、メイン画像が変化するように記述しなさい。 習得度確認試験_1問目 <html lang="ja"> <head> <meta charset="utf-8"> <title>習得度確認試験_1問目</title> <link rel="stylesheet" href="style_q01.css"> </head> <body> <div class="imgBox"> <h1>【問1】</h1> <div class="thumbnail"> </div></div></body></html>
21 [attribute!='value'] 特定の属性が、特定の値を持たない要素を選択できるセレクターです。 jQueryの練習 - p44~属性セレクタ：完成版にリンク <script> $(document).ready(function(){ $("li[title!='first']").css('color','coral'); }); </script> </head> <body> <ul> <li title="first">どんどこどんどこ</li></ul></body>…
11 only-child擬似クラス セレクタに特定の要素が１つだけ含まれる場合 jQueryの練習 - p38：完成版にリンク <script> $(document).ready(function(){ $('li span:only-child').css('color','coral'); }); </script> </head> <body> <ul> <li id="first">HTML5+CSS3</li> <li id="second"><span>Java</span>Script</li> <li id="third">jQuery</li> </ul></body>
01 cssをかえる jQueryの練習 - p26：完成版にリンク <script> $(document).ready(function() { $('li').css('color','red'); // シングルクォーテーションでよい }); </script> </head> <body> <ul> <li>HTML5+CSS3</li> <li>JavaScript</li> <li>jQuery</li> <li>ActionScript</li> <li>PHP+MySQL</li> </ul> </body> 02 idを指定してcssをかえる jQuery…
