JS+Div Implementation Picture Rolling Effect Code

Horizontal

<div ID = Demo Style = "Overflow: Hidden; largura: 200px; borda: 2px Solid #E0E0E0; Padding: 2px;"

onmouseout = "Doscroll ()">

<div id = "Demo1" style = "White-spie: newrap; preenchimento: 0;">

<A href = "javascript: alert ('publicou um novo post');"> <img src = "picture url" altura = 20 largura = 104

Border = 0> </a>

<A href = "javascript: alert ('post reply');"> <img src = "picture url" altura = 20 largura = 104

Border = 0> </a>

</div>

</div>

<!-rolando javascript->

<Cript>

var t = Demo.ScrollWidth

Demo1.innerhtml+= Demo1.innerhtml

Função domarquee ()

{{

Demo.ScrollLeft = Demo.ScrollLeft <Demo.ScrollWidth-Demo.OffsetWidth?

}

Função Doscroll ()

{{

Sc = setInterval (Domarquee, 20)

}

Função stopSscroll ()

{{

ClearInterval (SC)

}

Doscroll ()

</script>

<!-Rolling JavaScript Ends->

Vertical

<div id = "Demo" style = "Hight: 110px; Overflow: Hidden">

<div id = "Demo1">

<A href = "javascript: alert ('publicou um novo post');"> <img src = "picture url" altura = 20 largura = 104

Border = 0> </a>

<A href = "javascript: alert ('post reply');"> <img src = "picture url" altura = 20 largura = 104

Border = 0> </a>

</div> <div id = "Demo2"> </div>

<!-rolando javascript->

<Cript>

varulado = 100

Demo2.innerhtml = Demo1.innerhtml

função marqueees () {

if (Demo2.OffSetTop-Demo.Scrolltop <= 0)

Demo.Scrolltop- = Demo1.offsetHeight

outro {

Demo.Scrolltop ++

}

}

var myMars = setInterval (marqueas, velocidade)

Demo.onMouseOver = function () {ClearInterval (MyMars)}

Demo.onMouseOut = function () {myMars = setInterval (marqueas, velocidade)}

zlselect ('6');

</script> <!-Rolling JavaScript Ends->

</div>