Question

我想要闪烁的电子邮件链接以及说Hello教授的行。到目前为止我发现的东西还没有奏效。任何帮助都会很棒。这是我到目前为止尝试过的文字装饰：眨眼;没有运气

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Randy's first html web page !</title>
<style type="text/css">
body
{background-image:url('Koala.gif');} 
h1
{
text-align:center;
font-size:500%;
}
h2
{
text-align:center;
font-size:250%;
}
p
{
text-align:center;
font-size:200%;
color:#00fff0;
}
div
{
background-color:#efffff;
}
a
{
text-align:center;
}
th
{
background-color:green;
}
tr
{
background-color:green;
}
table 
{
width: 200px; 
margin-left: auto; 
margin-right: auto; 
}
#google-link 
{ 
margin: 0 auto; 
display: block;
font-size:250%;
color:#00ff00;
} 
#Mail-link
{
margin: 0 auto; 
display: block;
font-size:250%;
color:#00ff00;
text-decoration:blink;
}
</style>
</head>
<h1> Hello Professor</h1>
<h2> By: Randy White</h2>
<P> It's getting better as the term goes on.</P> 
<P>Week 2</P>
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1">
<tr>
<th>Month</th>
<th>Day</th>
<th>Year</th>
</tr>
<tr>
<td>December</td>
<td>13</td>
<td>2010</td>
</tr>
</table>
<a id="google-link" href="http://www.google.com">Visit Google!</a>
<a id="Mail-link" href="mailto:randywhite30@neb.rr.com"> Contact Me!</a>
</body>
</html>

Answer 1

IE（可能还有其他浏览器）不支持text-decoration: blink。不管怎样，不要这样做 - 眨眼是网络上不良品味和设计的缩影。您也可以拥有动画背景和MIDI音乐。我认为谷歌可能会伤害你的排名，这会伤害我的感情。 ;）

让我向您保证 - 有更好的方式来吸引对页面元素的关注。

Answer 2

我认为您可能正在寻找<annoy-the-crap-out-of-the-user>标签： - ）

但是，严重的是，如果浏览器不支持它，你有几个选择。

第一个是比较容易的，不支持那个浏览器。而且，虽然容易，但可能不太可行。

第二个也很容易，不要使用闪烁的文字 - 这将是我的偏好，但我会假设你真的需要它。但是，您应该听取每个人的建议，至少调查以不同的方式执行此操作。

第三个是使用Javascript（我自己去jQuery），你可以设置定时器自己闪烁文本。不漂亮，但有时候需要使用kludges。

Answer 3

您会发现大多数HTML客户端都不会显示闪烁的文本，因为它具有很强的视觉干扰性。

即使他们确实支持它，我也会 强烈鼓励 你不能因为上述原因而利用这种能力。

到目前为止我发现闪烁的文字不起作用

3 个答案: