2013-08-21 24 views
0

我有這個網站; http://kieronboz.co.uk/inspired/非主頁打開時標題變小?

我是個初學者網頁設計,所以請原諒我:P

如果單擊左側的醜陋導航欄上的鏈接上,一個新的頁面加載,我想這可能是一個很好的想法現在縮小非主要頁面的標題圖像,所以我想的是一個jquery腳本,使其在頁面加載時「滑動」到Inspired Marketing周圍的淺白色邊框的頂部,因此它會轉向成一個更小的標題!

無論如何,問題是我不能在谷歌找到這樣的東西,我已經看到了jQuery的滑動功能,但即時通訊代碼參考表呈現它如此裸露的方式實現它。

如果這是一個可怕的想法,並有更好的選擇,也聽到這些!再次感謝

+0

這是一個單頁解決方案,還是將鏈接指向自己的頁面? –

+0

Hi @SvenBieder Hi,當前所有不活動的頁面都將處於活動狀態並需要執行ntation,我知道這可能會讓它複雜化嗎?所以我準備放棄這個想法大聲笑。 – Kieronboz

+0

不,這並不複雜。但是,當每個鏈接轉到自己的子頁面時,根本不需要JavaScript來調整標題的大小。您只需在特定頁面上製作所需大小的標題。 –

回答

0

只需添加到標題中的margin-top: -540px;(或通過jQuery:$("#header").css("marginTop","-540px");

您可以使用jquery.animate到動畫添加到它至於這樣做只能在網頁

不在索引 - 包括腳本只對非索引頁面執行操作,或者使用document.location.href來確定您是否在索引上。

+0

你好,生病看看這個,是一個容易加入的動畫?無論如何,谷歌搜索!謝謝 – Kieronboz

+0

只要$(「#header」)。animate(marginTop:-540 },250,function(){ // animation complete callback }); – Sgoldy

+0

嘿@ user2584113我試圖添加它,並且你可以想象我做錯了哈哈。某種程度上影響了圖像; http://kieronboz.co.uk/inspired/equibright.html但我無法確定自己究竟發生了什麼。 – Kieronboz