exercises002

下記の問題を区切り線以下のソースにjQueryを使用して操作してください。

このindex.html及び、style.cssは書き変えないこと。

jQueryのコードはscript.jsに記入すること。

指定された要素のみに操作できるようなコードを書くこと

問題1
下のDIVで作った四角を下へ100PX分、左から300PX分アニメーションで移動させてください。
その後、テキストと書かれた文字のみをフェードアウトさせてください。

テキスト

問題2
下記のテキストを テキスト1は JQuery に変更 テキスト2は強調文字で猛勉強中に変更 テキスト3は 1px、黒の枠線をつくりテキスト部分は空にする テキスト4にはリンクをYahooのホームページへ変更し別ウインドウ(別タブ)で開くようにする テキスト5はIDをblue_shadowに変更し  < 色が変ったよ >   に書き換える
★ヒント : リストの順番を指定するCSSのセレクタは :nth-of-type(n) があります。 たとえば、1番目のliを指定する場合は、今回の場合 div#text_method ol li:nth-of-type(1) となります。
★ヒント : .attrメソッドで複数の値を指定する場合は、.cssメソッドの同じように、attr({"属性名":"値","属性名":"値"})のように指定できる。

  1. テキスト1
  2. テキスト2
  3. テキスト3
  4. テキスト4
  5. テキスト5