TITLE:第12回の課題(2) *課題(2): スタイルシートの切り替えの準備をする [#be0dc49c] > HTMLファイルを編集して、 スタイルシートを切り替えるタグを追加します。 < **切り替えのためのタグを記述する [#h3d4abee] 前回、 HTMLファイルに、スタイルシートを切り替えるタグを追加しました。 今回は、さらにもう一つ、 スタイルシートを切り替えるタグを追加します。 スタイルシートの切り替え部分のあとに、 次の1行を追加してください。 #pre(novervatim){{ <a href="#" onclick="replace_css('cssid','0706'''学籍番号'''.css');">第12回</a> COLOR(red):(注:「学籍番号」には、自分の学籍番号(c209200X)を入力してください) }} これは「第12回」という文字をクリックしたら、 スタイルシートを「0706'''学籍番号'''.css」で設定したスタイルシートに切り替えるという意味になります。 結果として、 スタイルシートの切り替え部分は次のようになるはずです。 確認してください。 #pre(novervatim){{ <a href="#" onclick="replace_css('cssid','0622'''学籍番号'''.css');">基本</a> <a href="#" onclick="replace_css('cssid','0629'''学籍番号'''.css');">第11回</a> <a href="#" onclick="replace_css('cssid','0706'''学籍番号'''.css');">第12回</a> <a href="#" onclick="replace_css('cssid','');">なし</a> COLOR(red):(注:「学籍番号」には、自分の学籍番号(c209200X)を入力してください) }} ---- &navi2(Lecture/JouhouC2010/12th,next);に進んでください。 &br; ---- #navi2(Lecture/JouhouC2010/12th,prev,toc,next) |