0% found this document useful (0 votes)
142 views12 pages

In Plus La Ursitoare Botez, Dupa Title Si Inainte de Meta

The document contains CSS and JavaScript code for creating an automatically scrolling ticker or marquee. It defines the styling of the ticker container and items. It also includes JavaScript functions for duplicating scrolling items, setting their positions, and continuously updating the positions to create a smooth, infinite scrolling effect.

Uploaded by

Nina Earar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
142 views12 pages

In Plus La Ursitoare Botez, Dupa Title Si Inainte de Meta

The document contains CSS and JavaScript code for creating an automatically scrolling ticker or marquee. It defines the styling of the ticker container and items. It also includes JavaScript functions for duplicating scrolling items, setting their positions, and continuously updating the positions to create a smooth, infinite scrolling effect.

Uploaded by

Nina Earar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 12

in plus la ursitoare botez, dupa Title si inainte de Meta

/*
<style type="text/css">
#ticker-container {
position: relative;
overflow: hidden;
width: 200px;
height: 800px;
background-color: #ffffff;
background-repeat: repeat;
padding: 2px;
border: Defaultpx dotted;
}

#ticker {
position:relative;
width:150px;
}

#ticker ul {
padding:0px;
margin:0px;
list-style-type:none;
}
#ticker ul li {

display:list-item;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-family: arial;
font-size: xx-small;
font-weight: normal;
color: ;
padding-left: 2px;
}

#ticker ul li a {
font-family: arial;
font-size: xx-small;
font-weight: normal;
color: #000000;
text-decoration: none;
padding-left: 2px;
}

#ticker ul li a:hover {
font-family: arial;
font-size: xx-small;
color: ;
text-decoration: none;

padding-left: 2px;
}
</style>

<script language="JavaScript">
//scroller width
var swidth=200;

//scroller height
var sheight=200;

//background color
var sbcolor='#ffffff';

//scroller's speed
var sspeed=1;

var msg=''

//Your messages go below:

msg +=

'<ul><li><a href="http://" target="_blank" title="">Tue Feb 19,


2013</a></li>'+
'<li>aaaa</li>'+

'<li>bbbb </li></ul>'+

'';

//End of your messages


// Begin the ticker code

var resumesspeed=sspeed
function start() {
if (document.all) iemarquee(ticker);
else if (document.getElementById)
ns6marquee(document.getElementById('ticker'));
}

function iemarquee(whichdiv){
iediv=eval(whichdiv)
sheight += 50;
iediv.style.pixelTop=sheight
iediv.innerHTML=msg
sizeup=iediv.offsetHeight
ieslide()
}

function ieslide(){
if (iediv.style.pixelTop>=sizeup*(-1)){

iediv.style.pixelTop-=sspeed
setTimeout("ieslide()",100)
}
else{
iediv.style.pixelTop=sheight
ieslide()
}
}

function ns6marquee(whichdiv){
ns6div=eval(whichdiv)
sheight += 50;
ns6div.style.top=sheight + "px";
ns6div.innerHTML=msg
sizeup=ns6div.offsetHeight
ns6slide()
}
function ns6slide(){
if (parseInt(ns6div.style.top)>=sizeup*(-1)){
theTop = parseInt(ns6div.style.top)-sspeed
ns6div.style.top = theTop + "px";
setTimeout("ns6slide()",100)
}
else {
ns6div.style.top = sheight + "px";
ns6slide()

}
}

</script>

<script type="text/javascript">

var scrollingPanes = new Array();


var panePositions = new Array();
var dupeCount = 0; //Current number of created duplicates
var paneHeight = 0; //Current height of container pane
var itemHeight = 0; //Height of item to be duplicated
var paneOffset = 2; //Spacing distance between panes
var updateSpeed = 60; //Update frequency in milliseconds, lower is faster
var allowScroll = true;

function DuplicateDIV(srcDivName,insertDivName)
{
try
{
dupeCount++;
var srcDiv = document.getElementById(srcDivName);
var targetDiv = document.getElementById(insertDivName);

var newDivId = srcDivName + dupeCount;


if(srcDiv && targetDiv)
{

itemHeight = srcDiv.offsetHeight;

var duplicateDiv = document.createElement('div');


duplicateDiv.innerHTML = srcDiv.innerHTML;
duplicateDiv.className = srcDiv.className;
duplicateDiv.setAttribute('id',newDivId);
targetDiv.appendChild(duplicateDiv);
panePositions.push(dupeCount * (itemHeight + paneOffset));
return duplicateDiv;
}
}
catch(err)
{
//Handle error here
alert(err.message);
return null;
}

function StartScrolling()
{

var containerPane = document.getElementById("scrollingWindow");


containerPane.onmouseover = PauseScrolling;
containerPane.onmouseout = ResumeScrolling;

scrollingPanes.push(document.getElementById("scrollingDiv0"));
panePositions.push(0);

var requiredHeight = containerPane.offsetHeight;


var currentHeight = 0;
while(currentHeight < requiredHeight)
{
var newPane = DuplicateDIV("scrollingDiv0","scrollingWindow");
if(newPane != null)
{
currentHeight += newPane.offsetHeight;
scrollingPanes.push(newPane);
}
else
{
break;
}
}

setInterval("UpdateDivPanes()",updateSpeed);
}

function PauseScrolling()
{
allowScroll = false;
}

function ResumeScrolling()
{
allowScroll = true;
}

/*
//Update the current positions of all the duplicated divs
*/
function UpdateDivPanes()
{
if(allowScroll == true)
{
for(var i = 0; i < scrollingPanes.length; i++)
{
var thisPane = scrollingPanes[i];
thisPane.style.top = panePositions[i] + "px";
panePositions[i]--;
if(panePositions[i] <= 0 - (itemHeight + paneOffset))
{
panePositions[i] = EndPosition();

}
}
}
}

/*
//This function calculates what the current bottom-most div is
//and returns the value of that plus the pane offset value.
*/
function EndPosition()
{
var maxPosition = 0;
for(var i = 0; i < scrollingPanes.length; i++)
{
if(panePositions[i] > maxPosition)
{
maxPosition = panePositions[i];
}
}

return maxPosition + itemHeight + paneOffset - 1; //The -1 compensates


for the face that everything else is moving by 1 pixel this cycle

</script>
<style>

*
{
font-family: Arial, sans-serif;
font-size: 12px;
}

.scrollPane
{
position: relative;
width: 200px;
height: 200px;
background: #000;
overflow: hidden;
}

.scrollItem
{
position: absolute;
width: 200px;
background: #039;
color: #fff;
background-color: #FFFFFF;
}

.innerPadding

{
padding: 18px;
}
#scrollingWindow {
color: rgba(0,0,0,1);
}
#scrollingWindow {
color: rgba(0,0,0,1);
}
#scrollingWindow #scrollingDiv0 .innerPadding p {
color: #000;
}
</style>
*/

You might also like