javascript - 如何在不使用CSS页面的情况下在HTML中创建悬停效果 - Thinbug

如何在不使用CSS页面的情况下在HTML中创建悬停效果

时间：2014-01-01 14:18:43

标签： javascript html css html5

我知道用CSS可以做到：

p:hover {
    xxx:yyy;
}

我希望这样做，但在HTML页面中没有链接CSS，如下所示：

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

但是使用悬停选项。

3 个答案:

答案 0 :(得分：2)

您可以直接在html页面中插入CSS而不链接它：

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

Internal Style Sheet

答案 1 :(得分：0)

您可以在html页面中使用内部css，如下所示..

<style>
 p:hover{
  //coding...
  }
</style>

答案 2 :(得分：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>