jquery - ページ読み込み時に展開するロゴ

Question

質問があります。jQuery でこの効果を行うことは可能ですか: http://www.oakhurstproperty.co.uk/

ページの読み込み時に上記のリンクで行われているように、ロゴを小さくして拡大する必要があります。ロゴの部分だけで、上の画像もエンターサイトビットもいらない。

私はjQueryにまったく慣れていないので、どんな助けでも大歓迎です!

みんなありがとう

score 0 · Accepted Answer

これがお役に立てば幸いです

jQuery

$('document').ready(function() 
       {
           $('#zoomimg').animate({width: "75%", height: "75%"}, 'slow');
       });

html

<div id="logo">
<img id="zoomimg" src="http://www.google.com/images/srpr/logo3w.png" width="144" height="48" border="0" />
</div>

csS

#logo{
    width:100%;
    text-align: center;
    margin:50px 0 0;
}

score 0 · Accepted Answer

はい、 jQuery Animateを見る必要があります。

jQuery について少し知っていれば、非常に簡単な作業になるはずです。jQuery入門ガイドを読むことをお勧めします。

Codecademyは優れた Web サイトです。開始するためのいくつかの簡単なタスクを取得できます。また、いくつかの基本的なことを学習できるjQuery トラックもあります。それほど時間はかかりません。私の経験では、ほとんどの人が基本をすぐに習得できます。

2 に答える 2