淡入淡出頁面

我正嘗試在我創建的初始頁面上創建一個淡入淡出，並將其融入到我的網站的主頁面中。我的網站是：http://www.simonsamuel.com/淡入淡出頁面

我使用jQuery的代碼是：

<script type="text/javascript"> 
    $("#splash").click(function() { 
     $("#splash").fadeOut("slow"); 
    }); 
</script>

這裏是CSS代碼：

#splash { 
    background-color: #ffffff; 
    background-image: url(http://i.imgbox.com/Al4c3tZ5.png); 
    background-position: center; 
    background-repeat: no-repeat; 
    position: fixed; 
    top: -60px; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 99999; 
}

我已經嘗試了許多不同的代碼，但我的找不到與我的網站一起工作的人。出於好奇，我想知道是否有可能用jQuery改變網頁標題？我想製作標題欄大寫字體。

幫助將不勝感激，謝謝！

來源

2014-04-22 Simon

你使用jquery –

你的代碼沒有問題，是的，你可以用jQuery來改變網頁標題。人們可能不願意訪問外部鏈接並挖掘您的源代碼，以瞭解#splash是什麼以及它是如何設置的。最後一件事，把你的代碼放在文檔就緒處理程序中：$（document）.ready（function（）{... yourcode here ...}）; –

你的jQuery代碼工作正常http://jsfiddle.net/你加載jQuery庫嗎？ – Maggz

我成立了一個小提琴證明的基礎 - http://jsfiddle.net/jayblanchard/nBdkU/

$(document).ready(function() { 
    $('#splash').css('opacity', '0.5'); // doing this with jQuery for ease 

    // here are the basics, just like your existing code 
    $("#splash").click(function() { 
     $("#splash").fadeOut("slow"); // you could also use $(this).fadeOut('slow'); 
    }); 
});

看着控制檯加載你的頁面時，我得到一個指向語法錯誤@ Puzzle84指出的同樣的問題 -

<script type="text/javascript"><br /> 
$(document).ready(function() {<br /> 
$('#splash').click(function() {<br /> 
    $('#splash').fadeOut(2000);<br /> 
    });<br /> 
</script>

所有這些換行符都需要刪除。然後，正如他指出的那樣，您需要另一組右括號（}）;）在關閉腳本標記之前。當我點擊splash元素時，它會消失，並顯示您的網站。如果你有想要在splash元素中展示的東西，那麼你只需要爲這些元素獲取CSS定位。

也有其他錯誤，在控制檯中指出（沒有定義Cargo.View.Main）

爲標題位，你可以做一些純JavaScript或少許的jQuery -

document.title = 'the page title'; // changes the title 
document.title.toUpperCase(); // sets title to upper case 

$(document).attr('title', 'the page title'); // changes the title 
$(document).attr('title').toUpperCase(); // sets to upper case

來源

2014-04-23 13:12:46

我試過你提供的不透明代碼工作的代碼，但淡入淡出的代碼不起作用。當我輸入代碼時，沒有放置「
」。我認爲該網站將自動放置此網站。標題代碼也不起作用。 – Simon

如果網站自動將其放置在那裏（並且擺脫大括號），那麼會出現問題，因爲它會導致導致jQuery失敗的語法錯誤。也許你需要與網站管理員交談？ –

@Simon我現在在代碼中看到一大堆反斜槓，就像有人試圖爲某些東西轉義角色。另外 - 在源代碼中加載jQuery的位置在哪裏？我找不到它。你的jQuery代碼沒有工作，但我不知道這是不是因爲jQuery沒有加載？ –

當我看到你的源代碼，我看到這一點：

<br /> 
$(document).ready(function() {<br /> 
    $('#splash').click(function() {<br /> 
     $('#splash').fadeOut(2000);<br /> 
    });<br />

爲什麼會出現在換行代碼？這就是html代碼。

除了你的代碼是不完整的

$(document).ready(function() { 
    $('#splash').click(function() { 
     $('#splash').fadeOut(2000); 
    }); // forgot these 
}); // or these

來源

2014-04-22 22:40:37 Puzzle84

我試着改變它，它仍然不起作用，我在Cargo Collective上託管。我不知道爲什麼我遇到這個問題 – Simon

@Simon當我今天早上看代碼時，我沒有看到這些變化。你確定你上傳了嗎？ –

淡入淡出頁面

回答

相關問題