Edius...and more

ブログを移転しました。記事タイトルから新しいブログに転送できます。

指定期間 の記事一覧

 | HOME | 

jQueryなどの動作確認用ページ

2011.01.01 (Sat)
スクリプトのテストページなので文章に意味はないです。

クロスブラウザ opacity test


クロスブラウザ alpha(opacity=50)


filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 新規サイトを立ち上げようと、 CSS 3.0、HTML5、jQueryなどを勉強してるんですが、 その練習としてこのFC2ブログをカスタマイズしていこうと思ってます。 その手始めに、右下に「トップに戻る」ボタン(紫の矢印)をブログに実装してみました。 → jQuery については こちら のページが参考になると思います。 FC2ブログのテンプレートの設定ページで下記のコードを<head>>head<の間に記述して更新します。 自動改行をオフにしておかないと表示がおかしくなるみたいです。 
<script src="http://code.jquery.com/jquery-1.11.2.min.js"<>/script>
※プレビューでは正常に表示されないみたいです。 
$(function(){
  var pageTop1 = $("#page-top1");
  pageTop1.click(function () {
    $('body, html').animate({ scrollTop: 0 }, 500);
    return false;
  });
  $(window).scroll(function () {
    if($(this).scrollTop() > = 200) {
      pageTop1.css( "bottom", "10px" );
    } else {
      pageTop1.css( "bottom", "-60px" );
    }
  });
});
スポンサーサイト



▼その他 | Comments(0) | ↑Top
 | HOME | 
トップに戻る