Оцветяване пред 1

GameZone

Registered
Има ли css да оцветява през 1 буква например червено и бяло когато е бяло като мина с мишката и да става така:
Пример
 
<script type="text/javascript">
window.onload = function() {
if (document.getElementById("info")) {
var contents = document.getElementById("info").innerHTML;
contents = (contents+"").split("");
document.getElementById("info").innerHTML = "";
i = 0;
while (i<contents.length) {
document.getElementById("info").innerHTML += "<span style='color:#"+(i%2==0 ? "F00" : "FFF")+"'>"+contents+"</span";
i++;
}

}
}
</script>
<div id="info">web-tourist.net</div>

Значи това в червено разделя съдържанието на отделни букви като прави масив от тях (не трябва да има тагове в съдържанието) после това в оранжево премахва съдържанието на тага с id="info"
Кода в зелено прави за всяка буква таг span и когато i го делим и не остава остатък слага color:#F00 иначе ако има остатък слага color:#FFF
Мисля че това е всичко
 
marian каза:
<script type="text/javascript">
window.onload = function() {
if (document.getElementById("info")) {
var contents = document.getElementById("info").innerHTML;
contents = (contents+"").split("");
document.getElementById("info").innerHTML = "";
i = 0;
while (i<contents.length) {
document.getElementById("info").innerHTML += "<span style='color:#"+(i%2==0 ? "F00" : "FFF")+"'>"+contents+"</span";
i++;
}

}
}
</script>
<div id="info">web-tourist.net</div>

Значи това в червено разделя съдържанието на отделни букви като прави масив от тях (не трябва да има тагове в съдържанието) после това в оранжево премахва съдържанието на тага с id="info"
Кода в зелено прави за всяка буква таг span и когато i го делим и не остава остатък слага color:#F00 иначе ако има остатък слага color:#FFF
Мисля че това е всичко


+1 как си го научил тоя скрипт тряя кажеш тайната :)
 

Back
Горе