如何將favicon鏈接到隨機的css顏色？

我試圖讓它成爲我的圖標，就像我網站上的專色一樣。我的網站上的專色在每次刷新時使用3種顏色隨機更改（使用javascript）。我幾乎能夠讓我的圖標隨機更改，但我不知道如何將它們鏈接到我的javascript中的特定顏色。在這裏查看我的網站。如何將favicon鏈接到隨機的css顏色？

HTML & PHP: 

<head> 
<link rel="shortcut icon" type="image/ico" href="../images/favicon_<?php echo rand(1,3); ?>.ico"/> 
</head 

Javascript: 

var colors = ['#FFCB80', '#5A53EA', '#65CE9C']; 
var random_color = colors[Math.floor(Math.random() * colors.length)]; 

$(document).ready(function() { 
    $('.tag').css('color', random_color); 
    $('#nav a:hover').css('color', "black"); 
    $('#nav a:link').css('color', random_color); 
    $('#nav a:visited').css('color', random_color); 
    $('.number').css('color', random_color); 

});

來源

2016-11-20 Alex Khomyakov

網站：http://www.khom.us一個圖標的 –

點是讓人們更容易找到您的網址列表。我認爲你應該仔細選擇一個favicon，並使用一個。 – user2182349

只需使用在javascript中生成的php代碼中的隨機數。

編輯：我訪問了你的網站，我看到你在不同的文件中的JavaScript，因此你可以創建一個js變量，在文件頭例如，存儲顯色指數，然後用相同的在js文件裏面使用變量名。

而且，我看到你的HTML代碼打印此字面上：

<link rel="shortcut icon" type="image/ico" href="../images/favicon_<php echo rand(1,3); ?>.ico">

請，檢查它，因爲它似乎頁面沒有被PHP處理。

HTML & PHP：

<?php 
$randomIndex = rand(1,3); // From 1 to 3 
?> 

<head> 
<link rel="shortcut icon" type="image/ico" href="../images/favicon_<?php echo $randomIndex; ?>.ico"/> 
<script> 
var random_color_index = <?php echo $randomIndex-1; ?>; // From 0 to 2 
</script> 
</head>

的Javascript：

var colors = ['#FFCB80', '#5A53EA', '#65CE9C']; 
var random_color = colors[random_color_index]; // From 0 to 2 

$(document).ready(function() { 

$('.tag').css('color', random_color); 
$('#nav a:hover').css('color', "black"); 
$('#nav a:link').css('color', random_color); 
$('#nav a:visited').css('color', random_color); 
$('.number').css('color', random_color);

來源

2016-11-20 00:30:58 nanocv

使用JavaScript的解決方案，你可以通過你的new url和你的鏈接樣式表功能下，定期更新外部CSS的id。請檢查這一個：

function changeHref(url, id) { 
 
    var h = document.getElementsByTagName('head')[0], 
 
    mylink = document.getElementById(id); 
 
    if (!mylink) { 
 
    mylink = document.createElement('link'); 
 
    mylink.id = id; 
 
    mylink.rel = 'stylesheet'; 
 
    mylink.type = 'text/css'; 
 
    } 
 
    mylink.href = url; 
 
    h.appendChild(mylink); 
 
    console.log(mylink); 
 
} 
 
changeHref("//yourUrl", "yourlinkId");

來源

2016-11-20 01:27:15 RizkiDPrast

如何將favicon鏈接到隨機的css顏色？

回答

相關問題