Бегущая строка со ссылкой на страницу материала Бегущая строка со ссылкой на страницу материала - Архив
Бегущая строка со ссылкой на страницу материала
DownLoad_Free

Бегущая строка со ссылкой на страницу материала - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Бегущая строка со ссылкой на страницу материала (javascript бегущей строки)
Бегущая строка со ссылкой на страницу материала
Дата: Суббота, 09.02.2013, 16:53 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
Приведем рабочий пример симпатичной информационной бегущей строки

<!--lenta-->
<div><span>NEW: </span> <a id="tickerAnchor" href="/" target="_top"> </a> </div>
<script type="text/javascript" src="/js/line.js"></script>
<script>
var theCharacterTimeout = 90;
var theStoryTimeout = 4000;
var theWidgetOne = "_";
var theWidgetTwo = "-";
var theWidgetNone = "";
var theLeadString = "";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount = 4;
theSummaries[0] = "Первое сообщение";
theSiteLinks[0] = "/news/2010-05-20-1";
theSummaries[1] = "Второе сообщение";
theSiteLinks[1] = "/news/2010-05-20-2";
theSummaries[2] = "Третье сообщение";
theSiteLinks[2] = "/news/2010-05-20-1";
theSummaries[3] = "Четвертое сообщение";
theSiteLinks[3] = "/news/2010-05-20-2";

startTicker();
</script>

<!---->

Содержимое файла line.js

function startTicker()
{
// Define run time values
theCurrentStory = -1;
theCurrentLength = 0;
// Locate base objects
if (document.getElementById) {
theAnchorObject = document.getElementById("tickerAnchor");
runTheTicker();

}
else {
document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
return true;
}
}
// Ticker main run loop
function runTheTicker()
{
var myTimeout;
// Go for the next story data block
if(theCurrentLength == 0) {
theCurrentStory++;
theCurrentStory = theCurrentStory % theItemCount;
theStorySummary = theSummaries[theCurrentStory].replace(/"/g,'"');
theTargetLink = theSiteLinks[theCurrentStory];
theAnchorObject.href = theTargetLink;
thePrefix = "<span class=\"tickls\">" + theLeadString + "</span>";
}
// Stuff the current ticker text into the anchor
theAnchorObject.innerHTML = thePrefix +
theStorySummary.substring(0,theCurrentLength) + whatWidget();
// Modify the length for the substring and define the timer
if(theCurrentLength != theStorySummary.length) {
theCurrentLength++;
myTimeout = theCharacterTimeout;
}
else {
theCurrentLength = 0;
myTimeout = theStoryTimeout;
}
// Call up the next cycle of the ticker
setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
if(theCurrentLength == theStorySummary.length) {
return theWidgetNone;
}
if((theCurrentLength % 2) == 1) {
return theWidgetOne;
}
else {
return theWidgetTwo;
}
}


---------------------------------
Источник: http://webstory.net.ru/
 
Архив » История мировых и локальных событий » История развития сайта » Бегущая строка со ссылкой на страницу материала (javascript бегущей строки)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!