Скрипт "Бегущая строка-ссылка" SocialEngine 4
Создаем горизонтальный HTML блок (я поместил в Site Header) и вставляем туда следующий код:
Code:
<br><center>
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8">
<META http-equiv=content-type content=text/html;charset=utf-8>
<style type="text/css">
A.tickl {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #f5967c;
LINE-HEIGHT: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
TEXT-DECORATION: none;
}
A.tickl:hover {
COLOR: #6666cc;
TEXT-DECORATION: none;
}
.ticki {
OVERFLOW: hidden;
WIDTH: 1250px;
HEIGHT: 13px;
}
.ticko {
PADDING-RIGHT: 0px;
border-TOP: #cccccc 1px solid;
DISPLAY: block;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 3px;
MARGIN: 5px 0px;
WIDTH: 350px;
PADDING-TOP: 4px;
border-BOTTOM: #cccccc 1px solid;
}
.tickh {
DISPLAY: none;
}
.tickls {
COLOR: #666666;
}
</style>
</HEAD>
<BODY bgcolor="#CCCCFF">
<DIV class=ticki><A class=tickl id=tickerAnchor></A></DIV>
<SCRIPT language=JavaScript type=text/javascript>
<!--
// Ticker startup
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;
}
}
// -->
</SCRIPT>
<SCRIPT>
<!--
var theCharacterTimeout = 150;
var theStoryTimeout = 9000;
var theWidgetOne = "_";
var theWidgetTwo = "-";
var theWidgetNone = "";
var theLeadString = "Новости Социальной Сети!: ";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount = 4;
theSummaries[0] = "Первая новость";
theSummaries[1] = "Вторая новость";
theSummaries[2] = "Третья новость";
theSummaries[3] = "Четвертая новость";
theSiteLinks[0] = href="http://сайт.ru/ссылка на первую новость";
theSiteLinks[1] = href="http://сайт.ru/ссылка на вторую новость";
theSiteLinks[2] = href="http://сайт.ru/ссылка на третью новость";
theSiteLinks[3] = href="http://сайт.ru/ссылка на четвертую новость";
startTicker();
//-->
</SCRIPT>
</BODY></HTML></center>
var theCharacterTimeout = 150; и var theStoryTimeout = 9000; - скорость прописи букв и скорость задержки.
var theItemCount = 4; - Выводит количество новостей. Если указать 3, то будут выводиться новости с 0 по 2
Чтобы добавить новость, нужно вставить после:
Code:
theSummaries[3] = "Четвертая новость";
новую строку
Code:
theSummaries[4] = "Пятая новость";
и после:
Code:
theSiteLinks[3] = href="http://сайт.ru/ссылка на четвертую новость";
также создать новую строку
Code:
theSiteLinks[4] = href="http://сайт.ru/ссылка на пятую новость";
и увеличить число в
var theItemCount = 4;
