изменение размера шрифта автоматически

Question

изменение размера шрифта автоматически

1

У меня есть 3 абзаца текста на странице... Я хочу изменить размер шрифта абзацев через каждые 3 секунды.... это возможно?
То, что я хочу, - это когда страница загружает пара 1 - 10 пикселей, а пара 2 - 8 пикселей, а затем через 3 секунды пара 2 составляет 10 пикселей, а пара 1 - 8 пикселей.

Я имею в виду использование панели обновления или что-то еще? js... в любом случае?

user1150440 06 фев. 2012, в 10:05

Источник

1

не по теме Но вы не думаете, что это будет отвлекать
V4Vendetta 06 фев. 2012, в 08:58
0

да, я знаю .. но мой клиент настаивает на многом .. не могу помочь ... любая идея, как я могу это сделать ??
user1150440 06 фев. 2012, в 09:02

Теги:

c#

javascript

css

asp.net

vb.net

2 ответа

0

Попробуй это:

<div>
<p id="p1">Para1  </p>
<p id="p2">Para2  </p>
</div>

 $(function() {
        var pa1 = 20, pa2 = 8, pa3;
        $('#p1').css('fontSize', pa1);
        $('#p2').css('fontSize', pa2);
        function fstyle() {
                pa3 = pa1;
                pa1 = pa2;
                pa2 = pa3;
                $('#p1').css('fontSize', pa1);
                $('#p2').css('fontSize', pa2);
                            }
            setInterval(fstyle, 3000);
        });

Vinod 07 фев. 2012, в 02:47

Ещё вопросы

не по теме Но вы не думаете, что это будет отвлекать
да, я знаю .. но мой клиент настаивает на многом .. не могу помочь ... любая идея, как я могу это сделать ??

Guffa · Accepted Answer · 2012-02-06T06-27-00.000Z

Вы можете использовать метод setInterval для запуска функции с интервалом:

CSS:

#para1 { font-szie: 10px; }
#para2 { font-szie: 8px; }
#para3 { font-szie: 8px; }

HTML:

<p id="para1">asdf</p>
<p id="para2">asdf</p>
<p id="para3">asdf</p>

Javascript:

window.onload = function(){
  var current = 0;
  var ids = ['para1', 'para2', 'para3'];
  window.setInterval(function(){
    current = (current + 1) % 3;
    for (var i = 0; i < ids.length; i++) {
      document.getElementById(ids[i]).style.fontSize = (i == current ? '10px' : '8px');
    }
  }, 3000);
};