Как создать эффекты наведения в HTML без использования страницы CSS

0

Я знаю, что с помощью CSS вы можете сделать, например:

p:hover {
    xxx:yyy;
}

Я хочу сделать это, но на странице HTML без привязки CSS, например:

<p style="xxx">xxxxxxxx</p>

но с опцией зависания.

Теги:

3 ответа

0
Лучший ответ

Попробуйте JavaScript:

<p onmouseover="change(this)" >xxxxx</p>
<script type="text/javascript" >
  function change (element) {
    var style = element.style;
    // Do something with style...
    // Example: style.color = "red";
  }
</script>
Поделиться
  • 0
    Не думал об использовании JS! спасибо за ответ, но мне нужна внешняя страница JS для этого? Мне нужно все на той же странице.
  • 0
    спасибо за ответ работает как шарм. Как я могу сделать, чтобы красный исчез после удаления мыши?
Показать ещё 7 комментариев
2

Вы можете напрямую вставить свой CSS внутри html-страницы, не связывая ее:

<head>
<style>
    p:hover {
        xxx: yyy;
    }
</style>
</head>
<body>
    <p>xxxxxxxx</p>
</body>

Внутренний лист стилей

Поделиться
  • 0
    Спасибо, я забыл упомянуть, что у меня есть возможность редактировать <head>, я могу использовать только тело.
0

Вы можете просто использовать внутренний css на своей странице html, как показано ниже.

<style>
 p:hover{
  //coding...
  }
</style>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню