2013-02-27 44 views
0

我有一個問題,是有可能這樣做jQuery的這種效果: http://www.oakhurstproperty.co.uk/標誌在網頁加載擴大

我需要的標誌開始小和擴大如上面的鏈接是什麼做的頁面加載。這只是標誌部分,我不需要上面的圖像或輸入網站位。

我對jQuery相當陌生,所以任何幫助將不勝感激!

謝謝你們

+0

如果您需要熟悉jQuery,那麼我建議您抓一把舒適的椅子並做一些閱讀。這裏有一個鏈接,指向你需要做的精確動畫的唯一頁面 - http://api.jquery.com/animate/。一旦你有了一些代碼,並嘗試了一些回來,並告訴我們你做了什麼,我們將能夠提供幫助。 (在該頁面上,搜索「examples:」,您將看到一個完全符合您要求的示例)。 – Archer 2013-02-27 09:58:07

回答

0

希望這可以幫助你

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; 
} 
+1

非常感謝你,這是完美的! – Aimee 2013-02-27 12:54:41

0

是的,你應該看看jQuery Animate

如果您對jQuery有所瞭解,應該是一件相當容易的事,我會推薦閱讀Getting Started With jQuery指南。

Codecademy是一個很好的網站,在這裏你可以得到一些簡單的任務來幫助你開始,他們也有一個jQuery track,在那裏你會學到一些基本的東西。這不會花費很長時間,根據我的經驗,大多數人都會很快學會基礎知識。

+0

感謝您的迴應,爲我提供了大量有用的鏈接,Codecademy網站看起來非常有用! – Aimee 2013-02-27 12:57:08