graffiti on the web Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう（拡大表示した時のように画面内にサイトが収まっていない）現象に悩まされました。
もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。
今回使用していたのは、Bootstrap v3.…
jQueryのfadeInを使って、適当なdiv要素なんかをfadeInを使ってフェードインさせてみます。
サンプルを設置していますので、動作を確認してみてください。
サンプル
もう一度、動作を見る
設置コード
まずは、htmlソースのhead内でjqueryを読み込みます。<script type='text/javascript' src='jquery-1.6.1.min.js'></script>今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。
<script type="text/javascript">
jQuery(function() {
// <div class="fadein">要素の内容を5000ミリ秒かけてフェードイン
jQuery('div.fadein').fadeIn(5000, function() {
});
});
</script>
フェードインさせたい箇所に以下のような設定をします。<div class="fadein" style="display:none;"> ５秒かけて、だんだんフェードインしてきます。 </div>
この投稿へのコメント
コメントはまだありません。