javascript 如何在不使用 CSS 页面的情况下在 HTML 中创建悬停效果
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/20869531/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How do I create Hover effects in HTML without using a CSS page
提问by Bodokh
I know that with CSS you can do for example:
我知道使用 CSS，您可以执行以下操作，例如：
p:hover {
xxx:yyy;
}
I wish to do so but in the HTML page without linking the CSS, like so:
我希望这样做，但在 HTML 页面中不链接 CSS，如下所示：
<p style="xxx">xxxxxxxx</p>
but with the hover option.
但带有悬停选项。
回答by StarsSky
You can insert directly your CSS inside the html page without linking it:
你可以直接在 html 页面中插入你的 CSS 而不需要链接它：
<head>
<style>
p:hover {
xxx: yyy;
}
</style>
</head>
<body>
<p>xxxxxxxx</p>
</body>
回答by Haji
You can simply use internal css in your html page as below..
您可以简单地在您的 html 页面中使用内部 css，如下所示。
<style>
p:hover{
//coding...
}
</style>
回答by Shin
Try JavaScript:
试试 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>
