var Ticker = new Class({
setOptions: function(options) {
this.options = Object.extend({
speed: 5000,
delay: 5000,
direction: ‘vertical’,
onComplete: Class.empty,
onStart: Class.empty
}, options || {});
},
initialize: function(el,options){
this.setOptions(options);
this.el = $(el);
this.items = this.el.getElements(‘li’);
var w = 0;
var h = 0;
if(this.options.direction.toLowerCase()==’horizontal’) {
h = this.el.getSize().size.y;
this.items.each(function(li,index) {
w += li.getSize().size.x;
});
} else {
w = this.el.getSize().size.x;
this.items.each(function(li,index) {
h += li.getSize().size.y;
});
}
this.el.setStyles({
position: ‘absolute’,
top: 0,
left: 0,
width: w,
height: h
});
this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
var i = (this.current==0)?this.items.length:this.current;
this.items[i-1].injectInside(this.el);
this.el.setStyles({
left:0,
top:0
});
}.bind(this)});
this.current = 0;
this.next();
},
next: function() {
this.current++;
if (this.current >= this.items.length) this.current = 0;
var pos = this.items[this.current];
this.fx.start({
top: -pos.offsetTop,
left: -pos.offsetLeft
});
this.next.bind(this).delay(this.options.delay+this.options.speed);
}
});

var hor = new Ticker(‘TickerVertical’,{speed:1000,delay:4000,direction:’horizontal’});

Другие новости здесь: Полезные программы и все о заработке в интернете!



  • Раскрутка и SEO

    Здесь Вы узнаете все о том, как сделать SEO продвижение и раскрутку своего сайта или блога бесплатно!Опубликовано 25 мая — 324 комментария


  • Виды заработка в интернете

    Информация по видам и способам заработка в интернете на своем ресурсе. Программы, сервисы и всевозможные фишки, которые Вы болше ни где не сможете найти!Опубликовано 22 мая — 265 комментария


  • Все для новичка

    Вы новичок в интернете? И не знаете с чего начать? Вы попали по адресу! Здесь Вы узнаете о том, как создать свой сайт бесплатно и начать зарабатывать!Опубликовано 18 мая — 342 комментария

  • Все о блоговедении…
    Интересные и полезные новости о создании сайта здесь! Ничните свой интернет-бизнес с нуля! Узнайте как все правильно сделать свой сайт прибыльным!Опубликовано 18 мая — 342 комментария

Еще здесь: О заработке в социальных сетях!

body {
font-family:»Lucida Grande», «Lucida Sans Unicode», Verdana, Arial, Helvetica, sans-serif;
}
#NewsTicker{
border:solid 1px #cccccc;
width:600px;
height:200px;
margin:0 auto;
}
#NewsTicker h1{
padding:6px;
margin:0;
border:0;
background:#dfe7ed;
color:#000000;
font-size:11px;
font-weight:bold;
}
#NewsVertical {
width: 600px;
height: 200px;
display: block;
overflow: hidden;
position: relative;
}
/* ————— */
/* Ticker Vertical */
#TickerVertical {
width: 600px;
height: 140px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
width: 280px;
color: #444444;
text-align: left;
font-size: 11px;
margin: 0;
padding: 6px 10px;
float: left;
height: 164px;
display: inline;
}
#TickerVertical li .NewsTitle{
display: block;
color: #000000;
font-size: 20px;
margin-bottom:6px;
font-family:Georgia, «Times New Roman», Times, serif;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
display: block;
color: #000000;
margin-bottom:6px;
text-decoration:underline;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration:none;
}

#TickerVertical li .NewsImg{
float:left;
margin-right:10px;
border:solid 1px #DEDEDE;
}
#TickerVertical li .NewsFooter{
display: block;
font-size: 10px;
margin:6px 0 14px 0;
color:#000000
}