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
テキスト2
テキスト3
テキスト4
テキスト5