Attempting to alter the border-left-color property using this script is resulting in a
Uncaught SyntaxError: Unexpected token -Is border-left-color actually supported?
Javascript
function logoChange() {
var description = new Array ();
description[0] = "images/logo/blue.png";
description[1] = "images/logo/green.png";
description[2] = "images/logo/orange.png";
description[3] = "images/logo/purple.png";
description[4] = "images/logo/red.png";
description[5] = "images/logo/yellow.png";
var size = description.length;
var x = Math.floor(size*Math.random());
document.getElementById('logo').src=description[x];
var colors = ['#20A3DC', '#72BF48', '#F58623', '#AF3292', '#EA352E', '#FED608'];
var thecolor = colors[x];
$('li span').css({color: thecolor});
$(".orbit-container .orbit-next span").hover(function () {
$(this).css({
'border-left-color': thecolor
});
}, function () {
$(this).css({
'border-left-color': 'black'
});
});
$("a").hover(function () {
$(this).css({
color: thecolor
});
}, function () {
$(this).css({
color: 'black'
});
});
}
window.onload=logoChange;
Error message