ページの上部へ戻るボタン(画像)をフェードイン・アウトで表示させる(jQuery)ページの上部へ戻るボタン(画像)をフェードイン・アウトで表示させる(jQuery)jQuery2012.08.24更新ページの上部へ戻るボタンです。WEBサイトではなくてはならない要素です。ボタンの用意の仕方はたくさんあります。フッターに置いたり、文章の途中に置いたり。自分の考えだと、フッターに置くと、ページが縦に長いときに、ページ途中で戻れない。文章の途中だと読むのに邪魔。思うので、ページの途中まで来ると出現するボタンが良いと思っています。出現させるのも、急にバンと出てくると読んでいる最中に気が散るので、さりげなく出すことで気が散りすぎない、かつ、気がつかせる、ので良いと思っています。{//150の数字を変えるとスクロールの際にボタン出現する場所が変わります。500);//500の数字を変えるとフェードインアウトのスピードが変わります。});});今回使用している画像はは高さ62px×横62pxのボタンです。マウスオーバー用を上下に繋げています。0;//画像のURLを指定。アンチエイリアスにはならずジャギー(ギザギザ)が出てしまう場合があります。その場合はそこはフェードイン・アウトは無しにします。IE9限定の機能です。{//150の数字を変えるとスクロールの際にボタン出現する場所が変わります。500);//500の数字を変えるとフェードインアウトのスピードが変わります。});});ウェブ戦略にお悩みですか?御社のWEB事業部となって、分析とデザインで集客から売り上げまで改善します!デザインは2005年から。