×
Ruby on Rails: постинг твитов через Twitter API (04 нояб 2017)

Практикуемся в Ruby on Rails.

Объединено Мигающий текст на сайте

Больше
4 года 10 мес. назад #1 от russian_today
russian_today создал эту тему: Мигающий текст на сайте
Нужно сделать, чтоб текст мигал на странице сайта. Кто знает как это делается? Заранее спасибо.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 года 10 мес. назад #2 от ralf
ralf ответил в теме Мигающий текст на сайте
<span id='ieblink'>Здесь вставляем ваш текст, который будет мигать.</span> 
<script> 
(function () { 
var toggler = true, elem = document.getElementById("ieblink"); 
setInterval(function () { 
elem.style.color = (toggler = !toggler) ? "red" : "black"; 
}, 800); 
})(); 
</script>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 года 10 мес. назад - 4 года 10 мес. назад #3 от Aleksej
Aleksej ответил в теме Мигающий текст на сайте
Еще вариант.
Правда, вариант очень не новый и оригинальностью, как бы это сказать, не отличается... тем не менее - скрипт вполне себе рабочий, прошу убедиться. Текст переливается цветами радуги:

<b>
<font size="6">
<script>
var text="Ваш текст здесь"
var speed=80

if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font>

</b>
</script>
Последнее редактирование: 4 года 10 мес. назад от Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 года 10 мес. назад #4 от ralf
ralf ответил в теме Мигающий текст на сайте
Мигающий текст на js:

<html>
<body  onload="setInterval('blinkIt()',500)">
<script type="text/javascript">
function blinkIt() {
 if (!document.all) return;
 else {
   for(i=0;i<document.all.tags('blink').length;i++){
      s=document.all.tags('blink')[i];
      s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible';
   }
 }
}
</script>
<blink>Мигающий текст</blink>
</body>
</html>

Мигающий текст на jQuery (работает, судя по всему, без проблем во всех браузерах):

<html>
 <head>
 <title>Blinking Text</title>
 <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
 <script type="text/javascript">
 $(function(){
 $("#blinkingText").hide();
 setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);
 });

 </script>
 </head>
 <body>
<p id="blinkingText">Blinking Text</p>
</body>
</html>

Плавно мигающий текст с использованием прозрачности, на jQuery:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
    function runIt() {
      $("span").wait()
              .animate({"opacity": 0.1},2000)
              .wait()
              .animate({"opacity": 1},1500,runIt);
    }
    runIt();
  });
  </script>
</head>
<body>
<p>Немигающий текст1, <span>мигающий текст1</span>, не мигащий текст2 <span>мигающий текст2</span>.</p>
</body>
</html>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
4 года 10 мес. назад #5 от serge
serge ответил в теме Мигающий текст на сайте
Еще парочка переливающихся всеми цветами радуги скриптов.

<p id="text">Это ваш переливающийся текст</p>  
<script language="JavaScript" type="text/javascript">  
function change()  
{  
 re="rgb("+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")"  
 text.style.color= re;  
}  
 setInterval(change,500);  
</script>

<script language="JavaScript1.2">  
var message="Заданный текст"  
var neonbasecolor="#990000"  
var neontextcolor="#f72c16"  
var neontextcolor2="#f4fc5d"  
var flashspeed=120  
var flashingletters=3  
var flashingletters2=1  
var flashpause=0  
var n=0  
if (document.all||document.getElementById){  
   document.write('<font color="'+neonbasecolor+'" size=+1>')  
   for (m=0;m<message.length;m++)  
 document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')  
   document.write('</font>')  
}  
else  
   document.write(message)  
function crossref(number){  
   var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)  
   return crossobj  
}  
function neon(){  
   //Change all letters to base color  
   if (n==0){  
 for (m=0;m<message.length;m++)  
 crossref(m).style.color=neonbasecolor  
 }  
   crossref(n).style.color=neontextcolor  
   if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2  
   if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor  
   if (n<message.length-1) n++  
   else{  
 n=0  
 clearInterval(flashing)  
 setTimeout("beginneon()",flashpause)  
 return  
 }  
}  
function beginneon(){  
   if (document.all||document.getElementById)  
   flashing=setInterval("neon()",flashspeed)  
}  
beginneon()  
</script>

А я смогу! - А поглядим! - А я упрямый!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.