指定期間 の記事一覧
- --/--/-- : スポンサーサイト (スポンサー広告)
- 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 |
