如何在html/javascript中创建文本flash？
我知道很多地方都禁止闪烁文本，但我的客户要求，我需要使用HTML和JavaScript闪烁一行文本，这是可行的。我希望文本在几秒钟内出现和消失，并继续这个循环 我知道文本装饰：CSS中的闪烁可以做到这一点，但它只适用于FireFox和Opera。我需要它在所有浏览器Firefox、Chrome、Safari、IE中工作。我已经搜索并尝试了很多Javascript代码，但似乎没有一个能工作 因此，任何知道如何做到这一点的人，请发布一个在所有浏览器中都能闪现文本的工作版本的代码。如何在html/javascript中创建文本flash？,javascript,html,css,Javascript,Html,Css,我知道很多地方都禁止闪烁文本，但我的客户要求，我需要使用HTML和JavaScript闪烁一行文本，这是可行的。我希望文本在几秒钟内出现和消失，并继续这个循环 我知道文本装饰：CSS中的闪烁可以做到这一点，但它只适用于FireFox和Opera。我需要它在所有浏览器Firefox、Chrome、Safari、IE中工作。我已经搜索并尝试了很多Javascript代码，但似乎没有一个能工作 因此，任何知道如何做到这一点的人，请发布一个在所有浏览器中都能闪现文本的工作版本的代码。 var blink
var blink\u速度=1000；//每1000==1秒，调整以适应
var t=设置间隔（函数（）{
var ele=document.getElementById（'myBlinkingDiv'）；
ele.style.visibility=（ele.style.visibility=‘隐藏’？‘隐藏’）；
}，闪烁速度）
你好，世界，闪烁又回来了如果您真的必须这样做，那么您可以使用jQuery的blink插件
如果使用jQuery，可以执行以下操作
<div id="msg"> <strong>This will blink</strong> </div>
<script type="text/javascript" />
function blink(selector){
$(selector).fadeOut('slow', function(){
$(this).fadeIn('slow', function(){
blink(this);
});
});
}
$(function() {
blink('#msg');
});
</script>
这将闪烁
功能闪烁（选择器）{
$（选择器）.fadeOut（'slow'，function（）{
$（this.fadeIn（'slow'，function（））{
眨眼（这个）；
});
});
}
$（函数（）{
眨眼（“#msg”）；
});
您可以执行以下操作：
<div id="Foo">Blink</div>
window.addEventListener("load", function() {
var f = document.getElementById('Foo');
setInterval(function() {
f.style.display = (f.style.display == 'none' ? '' : 'none');
}, 1000);
}, false);
样本：
如果不使用jQuery，可以尝试以下方法：
<div id="Foo">Blink</div>
window.addEventListener("load", function() {
var f = document.getElementById('Foo');
setInterval(function() {
f.style.display = (f.style.display == 'none' ? '' : 'none');
}, 1000);
}, false);
不同的浏览器有不同的绑定事件处理程序的方法，因此我强烈建议尽可能使用某种跨浏览器库来实现这类功能
您还可以尝试在body标记中使用onload事件。下面是我在FF和IE7中测试过的完整示例：
函数闪烁（）{
var f=document.getElementById（'Foo'）；
setInterval（函数（）{
f、 style.display=（f.style.display='none'？'none'）；
}, 1000);
}
眨眼
CSS：
JS:
这可能是最跨浏览器的。请注意，Webkit在可见性方面做了一些疯狂的事情，因此只需更改颜色可能会更容易。看看
函数blinkIt（）{
var blinks=document.getElementsByClassName（“blink”）；
对于（变量i=0，l=blinks.length；i
此解决方案将使类为的所有元素闪烁闪烁
编辑：在Firefox、Chrome和IE9上测试。您可以通过jquery使文本闪烁。将要闪烁的文本放入
标记中，下面的javascript将使其闪烁。如果闪烁过快，请增加下面的持续时间
<script type="text/javascript">
setInterval(function(){
$('blink').each(function(){
$(this).css('visibility' , $(this).css('visibility') === 'hidden' ? '' : 'hidden')
});
}, 250);
</script>
<blink>Text to blink here</blink>
setInterval（函数（）{
$（'blink'）。每个（函数（）{
$（this.css（'visibility'，$（this.css（'visibility'）=='hidden'？'''hidden'）
});
}, 250);
要在此处闪烁的文本
使用：
elem.animate（[{opacity:0}，{opacity:1}]，{duration:300，iterations:Infinity}）
WTF
您可以使用这样的东西
<html>
<head>
<style>
#blink{
color:black;opacity:1;font-size:3EM;
}
</style>
</head>
<body>
<div id="blink">
Poop
</div>
<script>
var ops,blink=document.getElementById('blink');
ops=1
setInterval(function (){
ops = (ops < 1) ? 1:0;
blink.style.opacity=ops;
},500);
</script>
</body>
#眨眼{
颜色：黑色；不透明度：1；字体大小：3EM；
}
大便
var ops，blink=document.getElementById（'blink'）；
ops=1
setInterval（函数（）{
ops=（ops<1）？1:0；
blink.style.opacity=ops；
},500);
函数闪烁（）{
var f=document.getElementById（'Foo'）；
setInterval（函数（）{
f、 style.display=（f.style.display='none'？'none'）；
}, 1000);
}
眨眼
听起来您可能需要服务器端闪烁标签@DanBreen要知道它在Web2.2中可能不起作用。请出于理智考虑，不要仅仅为了完成这个简单的任务而添加jQuery。我对这里大量的答案感到震惊，这些答案表明jQuery对于这一点是必要的。难以置信，伙计们-说真的，去学javascript吧。为了你自己，-1因为缺乏对客户的支持，他错了。@Raynos-有些客户无法被说服，最终如果这是他或她想要的，那就是ivn需要提供的。真的吗？添加20000行jQuery来完成如此基本的工作？让我们用电锯切一根牙签吧！如果他们已经在运行jQuery，那么老实说，我不认为这有什么错。即使你有jQuery，它也有20000行？啊，这很公平。那样的话，我收回我的回答。是的，把它留在这里。这可能不适用于ivn，但这个答案可以帮助其他人在将来寻找相同问题的解决方案@david JSFIDLE非常适合做这类事情，让每个人都可以毫不费力地查看。@Loktar我在chris发布的一条评论中有一个digg。。。是的，事实上，正如您在JSFIDLE中看到的那样，它确实有效。如果它不起作用，说明你做错了什么。使用JSFIDLE发布您的代码示例，我可以看一看。好的，所有对每个人的答案的反对票都有点站不住脚。人们只是想在这里提供帮助。在这个俗气的问题上，否决票是非常过分的，不过，我要说的是，使用jQuery的答案（考虑到这个问题没有用jQuery标记）在技术上是不准确的——如果OP复制/粘贴它，代码将无法工作。而且，jQuery非常可怕。否决票材料，可能不是，但仍然。。。也就是说，@ivn，这里的每一个答案都有效。恐怕你的解决方案都不完全适合我。有一两个可以在Firefox中使用，但在Chrome Safari中不起作用。啊，对不起，我只在Firefox中测试过。您是否收到错误或其他信息，或者它只是不闪烁？@ivn:代码片段对您不起作用？因为它功能齐全，所以你可能做错了什么。还要确保你想要闪烁的所有元素都有
function blinkIt() {
var blinks = document.getElementsByClassName("blink");
for(var i = 0, l = blinks.length; i < l; i++){
var blink = blinks[i];
var visiblity = blink.style.visibility;
blink.style.visibility = visiblity == 'visible' ? 'hidden' : 'visible';
}
}
setInterval(blinkIt, 500 /* blinking interval in ms */);
<script type="text/javascript">
setInterval(function(){
$('blink').each(function(){
$(this).css('visibility' , $(this).css('visibility') === 'hidden' ? '' : 'hidden')
});
}, 250);
</script>
<blink>Text to blink here</blink>
<html>
<head>
<style>
#blink{
color:black;opacity:1;font-size:3EM;
}
</style>
</head>
<body>
<div id="blink">
Poop
</div>
<script>
var ops,blink=document.getElementById('blink');
ops=1
setInterval(function (){
ops = (ops < 1) ? 1:0;
blink.style.opacity=ops;
},500);
</script>
</body>