Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При наведение курсора меняется цвет определенного текста (https://javascript.ru/forum/misc/18922-pri-navedenie-kursora-menyaetsya-cvet-opredelennogo-teksta.html)

С.Руслан 20.07.2011 14:56

При наведение курсора меняется цвет определенного текста
 
<script laguage="javascript">
document.write("<b onMouseOver=document.fgColor='green'; return true onMouseOut=document.fgColor='black'>o</b>")
</script>
<p>jfk</p>
<script laguage="javascript">
document.write("<b onMouseOver=document.fgColor='blue'; return true onMouseOut=document.fgColor='black'>o</b>")
</script>
При наведении курсора меняется весь текст
Мне бы хотелось узнать как сделать так, чтобы менялся цвет только первой строчки

Magneto 20.07.2011 15:23

<html><head>
<style type="text/css">
div{
  width:220px;
  padding:0px 10px;
  border:1px solid green}
div:hover p::first-line{
  color:red}
</style>
</head><body>

  <div><p>
Несмотря на то, что правоохранители в последнее время оживились,
 и начинают арестовывать все больше представителей
  </p></div>

</body></html>


Работает в Opera и IE остальные браузеры повидимому прохлопали ушами эту возможность.

В любом случае можно будет при помощи скрипта применять стиль (p::first-line) к нужному абзацу.

trikadin 20.07.2011 16:06

Хм, а о каком IE идёт речь? У меня под восьмым не работает) О девятом?

С.Руслан 20.07.2011 16:08

Спосибо большое

Magneto 21.07.2011 12:20

Цитата:

Сообщение от trikadin (Сообщение 114423)
Хм, а о каком IE идёт речь? У меня под восьмым не работает) О девятом?

Да, я в IE9 смотрел.


Часовой пояс GMT +3, время: 10:00.