ロゴからコンテンツへの切替表示

Posted by エムライン On 3月 19, 2017 0 Comment

ホームページにアクセスした時に
最初にロゴが表示されて
その後フェードアウトしてindexページが表示されるの
ありますよね。

最初はロゴイメージ
コンテンツ表示

こんな感のです。

ニュースとか情報を早く知らせたいサイトには不要だけど
イメージ重視の場合とかはイイかも？と思います。

実装するには
htmlをfirstとsecondに分けて、header内にscriptをペタリで、あら出来た！
<body> <div id="firstimg"> <p>first内容</p> </div> <p> <div id="secondcontent"> <p>second内容</p> </div> <p></body>

$(‘#secondcontent’).hide();$(function(){var firstImg = $(‘#firstimg’);var secondCon = $(‘#secondcontent’);firstImg.hide().fadeIn(800, function(){setTimeout(function() {firstImg.fadeOut(600);}, 2000);});setTimeout(function(){secondCon.fadeIn(600);}, 3400);});

TOPICS

ロゴからコンテンツへの切替表示

最新のレポート

カテゴリー

MENU