Другие языки программирования и технологии

как на JavaScript или вообще сделать так чтобы в тексте(слове) одна буква была другого цвета?

Секреты web-дизайна. Ваш первый сайт (2009) Русская версия

http://turbobit.net/cjm2zq86biga.html

http://turbobit.net/iwyywigsfb9k.html
Сто шаблонов для сайта+софт
ЭБ
Эрмек Бараков
19 433
Лучший ответ
Виктор Дмитриевич это и мне тупаку понятно, что есть куча макулатуры на эту тему, но мне нужен ответ по контексту, а зарываться я не хочу.
Бкувы меняют цвет при наведении мыши (уберите пробелы после '<'):
< p id="kuku">контрреволюция< /p>
< script type="text/javascript">
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML;
var r = '';
for (var i = 0; i < s.length; i++) {
r += '< span onmouseover="this.style.color=\'#F00\'" onmouseout="this.style.color=\'#000\'">'+s+'< /span>';
}
e.innerHTML = r;
< /script>
эммм.. . Андрей Севастьянов, мысль-то верная, но не будет оно работать)
ошибка там есть -
r += '<span оnmоuseоver="this.style.color=\'#F00\'" оnmоuseоut="this.style.color=\'#000\'">'+s[ i ]+'</span>';
- вот так должно быть. . парсер наверное сожрал [ i ] - он его тут за форумный тэг считает)
но в 6-м IE так не сработает.. .
а вот так - сработает:
var s = e.innerHTML.split("");

только вот цвет менять оно не будет ни в одном браузере. )
- не работают эвенты-сволочи, если их в innerHTML писать.. .
вот так должно везде работать:

<script type="text/javascript">
var c1='#FF0000'; // цвет на выбор
var c2='#000000'; //обычный цвет текста
function iniT(){
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML.split('');
var r = '';
e.innerHTML='';
for (var i = 0; i < s.length; i++) {
r=document.createElement('span');
r.appendChild(document.createTextNode(s[ i ]));
if(document.all){
r.attachEvent('onmouseover',function(){ this.style.color=c1; });
r.attachEvent('onmouseout',function(){ this.style.color=c2; });
}else{
r.addEventListener('mouseover',function(){ this.style.color=c1; },false);
r.addEventListener('mouseout',function(){ this.style.color=c2; },false);
}
e.appendChild(r);
}
}
window.onload=function(){ iniT(); }
</script>

<p id="kuku">контрреволюция</p>
Андрей Аксёнов эхе-хе... я еще одну фишку забыл!
в эксплорере нельзя обратиться потом к этому элементу this
так что все что я написал, в эксплорере не заработает!))
единственный выход...

ниже, а то не влезет в коммент)
Андрей Аксёнов <style type="text/css">
#kuku a { color:#000000; cursor:pointer; }
#kuku a:hover { color:#FF0000; }
</style>

<script type="text/javascript">
function iniT(){
    var e = document.getElementById('kuku');
    var s = e.innerHTML.split('');
    var r = '';
    e.innerHTML='';
    for (var i = 0; i < s.length; i++) {
        r=document.createElement('a');
        r.appendChild(document.createTextNode(s[ i ]));
        e.appendChild(r);
    }
}
window.onload=function(){ iniT(); }
</script>

<p id="kuku">контрреволюция</p>
<style>
.colored {color: red}
</style>

<p>контрреволюция</p>

<script>
//раскрасить буквы в определенные цвета
//web .my-study .info
var strcolor = document.getElementById('kuku').innerHTML;
var reg1 = /о/g;
var strcolor = strcolor.replace(reg1, "о");
document.getElementById('kuku').innerHTML = strcolor;
</script>

Похожие вопросы