我有一個問題,是有可能這樣做jQuery的這種效果: http://www.oakhurstproperty.co.uk/標誌在網頁加載擴大
我需要的標誌開始小和擴大如上面的鏈接是什麼做的頁面加載。這只是標誌部分,我不需要上面的圖像或輸入網站位。
我對jQuery相當陌生,所以任何幫助將不勝感激!
謝謝你們
我有一個問題,是有可能這樣做jQuery的這種效果: http://www.oakhurstproperty.co.uk/標誌在網頁加載擴大
我需要的標誌開始小和擴大如上面的鏈接是什麼做的頁面加載。這只是標誌部分,我不需要上面的圖像或輸入網站位。
我對jQuery相當陌生,所以任何幫助將不勝感激!
謝謝你們
希望這可以幫助你
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;
}
非常感謝你,這是完美的! – Aimee 2013-02-27 12:54:41
是的,你應該看看jQuery Animate。
如果您對jQuery有所瞭解,應該是一件相當容易的事,我會推薦閱讀Getting Started With jQuery指南。
Codecademy是一個很好的網站,在這裏你可以得到一些簡單的任務來幫助你開始,他們也有一個jQuery track,在那裏你會學到一些基本的東西。這不會花費很長時間,根據我的經驗,大多數人都會很快學會基礎知識。
感謝您的迴應,爲我提供了大量有用的鏈接,Codecademy網站看起來非常有用! – Aimee 2013-02-27 12:57:08
如果您需要熟悉jQuery,那麼我建議您抓一把舒適的椅子並做一些閱讀。這裏有一個鏈接,指向你需要做的精確動畫的唯一頁面 - http://api.jquery.com/animate/。一旦你有了一些代碼,並嘗試了一些回來,並告訴我們你做了什麼,我們將能夠提供幫助。 (在該頁面上,搜索「examples:」,您將看到一個完全符合您要求的示例)。 – Archer 2013-02-27 09:58:07