|
| Дата: Суббота, 09.02.2013, 16:53 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| Приведем рабочий пример симпатичной информационной бегущей строки
<!--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/
|
| |
| |
Играйте бесплатно в 
