会滚动的新闻列表和图片滚动代码

会滚动的新闻列表和图片滚动代码网页特效。就是说一个图文混排的新闻列表可以水平或者上下进行滚动，并且滚动效果很平滑。

详细调用看演示： 会滚动的新闻列表和图片滚动代码
/*
   方式一
   自己编写调用函数，分别设置横向和纵向的滚动新闻
   这么写，自己写的代码更多，但是自己的可控性更多
*/
(function(){
    // 横向滚动
var HScroll = new scrollNews({
area: 'scrollnews',         // 包含滚动信息的父节点ID
msg: 'scrollnews_con',      // 要滚动信息的ID
items: 'ul',                // 表示一行或一列滚动信息的HTML标签
speed: 10,                  // 滚动速度
direction: 'H'              // 滚动方向（可选）：H - 横向滚动、V（默认） - 垂直滚动
}), HTimer = setTimeout(function(){
if (HTimer) {
clearTimeout(HTimer);
}
HScroll.isPause = false;
}, HScroll.pauseTime);
HScroll.scrollArea.onmouseover = function(){
HScroll.isPause = true;
};
HScroll.scrollArea.onmouseout = function(){
HScroll.isPause = false;
};
HScroll.play();

// 纵向滚动
var VScroll = new scrollNews({
area: 'scrollnews_v',
msg: 'scrollnews_con_v',
items: 'ul',
speed: 50
}), VTimer = setTimeout(function(){
if (VTimer) {
clearTimeout(VTimer);
}
VScroll.isPause = false;
}, VScroll.pauseTime);
VScroll.scrollArea.onmouseover = function(){
VScroll.isPause = true;
};
VScroll.scrollArea.onmouseout = function(){
VScroll.isPause = false;
};
VScroll.play();

})();


/*
   方式二
   使用我编写好的方法YScroll，只需要传递多个参数就可以一次调用多个混动新闻。
   这么写，调用更方便， 不用每个混动新闻都自己编写相关的代码。
   但是这么写，就只能直接执行scrollnews对象的play()方法（滚动），可控性好较差。
*/
YScroll({
area: 'scrollnews',
msg: 'scrollnews_con',
items: 'ul',
speed: 10,
direction: 'H'
},{
area: 'scrollnews_v',
msg: 'scrollnews_con_v',
items: 'ul',
speed: 50
});