VPF::Прокручивающиеся новости - Форум программистов

Mebios

Дата 25.11.2004, 18:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 25.10.2004

Репутация: нет
Всего: нет

Подскажите пожалуйста, как сделать чтобы новости в определённой рамке прокручивались "как титры ", чтобы их ещё можно было остановить и снова запустить

Sardar

Дата 26.11.2004, 10:50 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Если ты говоришь о внешнем виде, то делаем слой с заданной шириной/высотой, в стилях overflow: hidden, position: relative;
Затем помещаем туда все наши новости(в слое, в табличке). Прокручиваем изменяя слой.scrollTop

Сами новости можно грузить как RSS файл, поищи здесь примеры как работать с XML из JS. ПРавда это не имеет смысла если страница при каждом клике перезагружается.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Cheba

Дата 27.11.2004, 12:50 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 1
Всего: 62

Цитата(Sardar @ 26.11.2004, 10:50)

ПРавда это не имеет смысла если страница при каждом клике перезагружается.

Почему не имеет?

--------------------

Как правильно задавать вопросы

Sardar

Дата 27.11.2004, 15:47 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Дык тогда проще сгенерить содержимое нвовостей прямо в скрипт и не подгружать RSS файл.

--------------------

Desdichado

Дата 10.12.2004, 22:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 379
Регистрация: 5.4.2004
Где: Киев

Репутация: нет
Всего: 10

Вот так делаются титры

Код


<html>
<head>
<title> Титры</title>
</head>
<body bgcolor=white onLoad="init()">
<script language=javascript>                   
<!--
  //global variables
  var layerRef="null",layerStyleRef="null",styleSwitch="null",topStopPoint="null",layerRef="null",styleSwitch="null",currtop=-100;
  var topStopPoint=-700,d=document.referrer;
  var backupTopStopPoint=topStopPoint;
  var currTop=600;
  var pxSwitch="null";
  var moving=1;
  var k=0;
  function init()
  {
    if (navigator.appName == "Netscape")
    {
      layerStyleRef="layer.";
      layerRef="document.layers";
      styleSwitch="";
      pxSwitch="";
    }
    else
    {
      layerStyleRef="layer.style.";
      layerRef="document.all";
      styleSwitch=".style";
      pxSwitch="px";
    }
    moveLayerUp('credits',k);
  }
  function pause(layerName)
  {
    moving*=-1;
    if(moving<0)
      topStopPoint=currTop+pxSwitch;	
    else
    {
      topStopPoint=backupTopStopPoint;
      moveLayerUp(layerName,k);
    }  
  }
  function restart(layerName)
  {
    k++;
    currTop=600;	
   topStopPoint=backupTopStopPoint;
    if(moving<0)
    {
      moving*=-1;
      moveLayerUp(layerName,k);
    }
  }

  function moveLayerUp(layerName,n)
  { 
    if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top != topStopPoint'))
    {
      currTop-=4;
      eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top = currTop');
      setTimeout('moveLayerUp("'+layerName+'",'+n+')',50);
    }
  }
//-->
</script>

<style type="text/css">
#text {z-index: 2; position: absolute; left: 15px; top: 15;}
#credits {z-index: 1; position: absolute; top: 0; left: 30px; width: 300px;}
</style>

<div id="text">Text</div>

<div id="credits">
<font face=arial>
All trade marks and brand names are acknowledged as belonging to their respective owners. <br><br>
<b>Authors</b>
</font>
</div>

</body>
</html>

--------------------

Я, объявляю свой дом безъядерной зоной...

Alx

Дата 10.12.2004, 23:47 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78

боже мой, да зачем же так извращаться???

Код


<html>
<body>
<basefont face="Verdana" size="2">
<div id="123" style="width:150;color:white;background:#6699ff;padding:6;border:2px solid blue #6699cc;">
<marquee height="150" behavior="scroll" direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()">
<center><b>Внимание!!!!</b></center>
это какая-нибудь новость (или новости), которая импортируется сервером или JavaScript-скриптом.
</marquee>
</div>
</body>
</html>

Добавлено @ 23:48
мышку подводим - останавливается, убираем - едем! smile

--------------------

dm9

Дата 13.12.2004, 21:07 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: нет
Всего: 137

Ну, положим, в Опере с мышкой не особенно...

Vidocq

Дата 16.12.2004, 16:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 431
Регистрация: 15.12.2004
Где: Запорожье, Украин а

Репутация: нет
Всего: 7

Ууух-ты, а в эксплорере рулит! smile

Мне нравится !!! smile

Alx

Дата 16.12.2004, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78

мы плохого не советум ;)

--------------------

Aliance

Дата 10.3.2005, 23:51 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Alx
В Опере не берет, в IE тормозит при работе других сценариев smile

У меня на сайте похожее =)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Zaman

Дата 11.3.2005, 19:51 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 219
Регистрация: 28.6.2004

Репутация: 1
Всего: 2

http://www.woweb.ru/catalog/71/

а здесь ты найдешь интересное решение для инетересующей тебя задачи,

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »