如何将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颜色？

回答

相关问题