| |
|
|
| | Есть ссылка:
<a href=... >Для перехода нажмите сюда</a>
Можно ли сделать так, что бы при наведении на ссылку, цвет менялся не у всей ссылки а только у слов: "перехода" и "сюда"??? | |
| |
|
|
| |
|
|
| |
для: romza
(20.01.2006 в 14:49)
| | |
<a href="#" onmouseout="document.getElementById('a1').style.color='black';document.getElementById('a2').style.color='black';" onmouseover="document.getElementById('a1').style.color='blue';document.getElementById('a2').style.color='blue';" style="text-decoration:none;"><font color="#000000">
<span id="a1">Текст</span> одной <span id="a2">ссылки</span>
</font></a>
|
Только, имхо, слишком много кода уходит на одну ссылку... Можно конечно всё это через функцию сделать, но стоит ли... Я бы вообще не советовал таким извращением заниматься. | |
| |
|
|
| |
|
|
| |
для: DDK
(20.01.2006 в 15:01)
| | | Да... лучше функцией... но знаешь же... хозяин барин... буду пробывать отговорить...
Спа еще раз.. | |
| |
|
|
| |
|
|
| |
для: romza
(20.01.2006 в 15:13)
| | | как вариант: разбить на две ссылки или <a><span>select</span> text <span>select</span> </a> и управлять через css | |
| |
|
|
| |
|
|
| |
для: DDK
(20.01.2006 в 15:01)
| | | В "правильных" браузерах работает это:
<style>a:hover b{color:red}
</style>
<a href=vfr.htm >Для <B>перехода</B> нажмите <B>сюда</B></a>
|
А для IE воспользуемся их же behavior. | |
| |
|
|
| |
|
|
| |
для: 12345
(20.01.2006 в 15:38)
| | | А в правильных это в IE и Opera или только IE??? | |
| |
|
|
| |
|
|
| |
для: romza
(20.01.2006 в 15:45)
| | | Это FF и Opera, правильно поддерживающие стандарты. Впрочем, этот режим в IE мог быть просто недоделан - недоподдержан.
Вот как дополняется эффект для IE в этом коде. Он требует дополнительного файла (судя по описанию). Мануал - http://www.w3schools.com/xml/xml_behaviors.asp
<style>
a { behavior: url(JsPrimeryCode-43.htc) }
a:hover b,a.hovered b{color:red}
</style>
<a href=vfr.htm >Для <B>перехода</B> нажмите <B>сюда</B></a>
|
Файл JsPrimeryCode-43.htc :
<attach for=element event=onmouseover handler=hig_light>
<attach for=element event=onmouseout handler=low_light>
<script>
function hig_light(){element.className='hovered';}
function low_light(){element.className='';}
</script>
|
| |
| |
|
|
