平滑滾動和動態改變頁面標題

我目前有一個網站，改變頁面的標題，以反映當前正在播放的歌曲。我想要做的是讓頁面的標題不斷滾動，以便用戶可以看到播放歌曲的全名，即使他們有很多標籤打開。平滑滾動和動態改變頁面標題

我嘗試了一些不同的滾動的插件，但我發現最好的工作之一就是在這裏找到插件： http://www.seangw.com/wordpress/index.php/2009/01/basic-ajax-tutorial-smooth-scrolling-text-marquee-with-a-jquery-plugin/

我能得到這個插件經常body元素上工作正常，但它當我把它放在頁面的標題上時不起作用。我試過在標籤中包裝標籤，但它不起作用。另外，我的頁面標題會動態變化，因此滾動文字也需要更改。

這裏是我改變標題JavaScript函數：

function playNext(newState) 
{ 
    //alert("new state: " + newState); 
    //unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5) 
    if(newState == 0) //song is done 
    { 
     //**************minimize myself******************* 
     var i = ' . $this->i .'; 
     var dataString = getDataString(i); 
     minimizeSong(dataString, i); 
     //**************maximize next song**************** 
     dataString = getDataString(i+1); //i + 1 is next song 
     maximizeSong(dataString, i+1); 
     //I will automatically start playing on load 
    } 
    else if(newState == 1) // if its playing, change the title 
    { 
     $("title").text("' . $this->title . ' by ' . $this->artist . ' - T3k.no"); 
    } 
    else if(newState == 2) //song is paused, go back to original title 
    { 
     $("title").text("Paused - T3k.no"); 
    } 
    else if(newState == 3) //song is buffering, change title 
    { 
     $("title").text("Loading '.$this->artist .' - T3k.no"); 
    } 
}

誰能幫助？我該如何去實現這個目標？

這不起作用：

<html><head> 
<marquee behavior="scroll" direction="left" scrollamount="2" 
     height="75" width="150"> 
    <title>WANT THIS TO SCROLL</title> 
</marquee> 
</head></html>

但是像這樣工作得很好：

<body> 
    <marquee behavior="scroll" direction="left" scrollamount="2" 
      height="75" width="150"> 
      <p>This is a test of a Smooth Marquee using jquery.</p> 
    </marquee> 
</body>

來源

2011-11-25 CHawk

您發佈的代碼幾乎與您的選取框問題無關。幾乎不可能回答你的問題。請張貼一些關於marquee效果的實際實現的代碼。 – bitbandit

將我的代碼編輯爲可用的示例，以及不適用的示例。謝謝 – CHawk

將這個是你的jQuery就緒功能：

(function titleMarquee() { 
document.title = document.title.substring(1)+document.title.substring(0,1); 
setTimeout(titleMarquee, 200); 
})();

選框插件沒有按不像你期望的那樣工作，因爲對於一個頭 ta g不渲染。主要用於設置頁面和資源。 選取框標記用於呈現的頁面元素。頭和標題標籤不是「正常流」，因爲它是。

來源

2011-11-25 20:13:40 bitbandit

+1謝謝，這有很大的幫助。它隨着我動態變化的標題而改變。我仍然遇到的一些問題是：1.標題完成第一次滾動後，所有空格都會從後續的標籤中移除。 2.滾動不如我使用的插件那麼流暢。 – CHawk

您可以通過降低超時功能的延遲來使其更平滑一些。但是請注意，瀏覽器會限制分配給非活動選項卡的資源。因此，用戶仍然可能會在某個時刻看到它不連貫。從查看代碼中可以看出，這更像是一種瀏覽器破解。您應該能夠通過一些更高級的字符串操作來解決間距問題。這表示這不是最佳做法，並建議不要將其投入生產。 – bitbandit

與@chaawk相同的問題 – psarid

平滑滾動和動態改變頁面標題

回答

相關問題