指定期間 の記事一覧
- 2011/01/01 : jQueryなどの動作確認用ページ (▼その他)
| HOME |
2011.01.01 (Sat)
スクリプトのテストページなので文章に意味はないです。
filter: alpha(opacity=70); /* ie 6 7 */ -ms-filter: "alpha(opacity=70)"; ----------------------------------------------- 新規サイトを立ち上げようと、 CSS 3.0、HTML5、jQueryなどを勉強してるんですが、 その練習としてこのFC2ブログをカスタマイズしていこうと思ってます。 その手始めに、右下に「トップに戻る」ボタン(紫の矢印)をブログに実装してみました。 → jQuery については こちら のページが参考になると思います。 FC2ブログのテンプレートの設定ページで下記のコードを<head>>head<の間に記述して更新します。 自動改行をオフにしておかないと表示がおかしくなるみたいです。
クロスブラウザ 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" ); } }); });
スポンサーサイト
| HOME |