js自动滑动+鼠标滑动区域

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激
<style type="text/css"> <!-- body{text-align:center;} table{width:500px; margin:0px auto;} td{padding:5px; font-weight:bold; text-align:center;} .iborder{border:1px #333333 solid; margin-top:5px;} .topnavon{background:#FFCC00; cursor:pointer;} .topnavoff{background:#000000;color:#FFFFFF;} --> </style> <h1 align="center" style="color:#FF0000;">自动滑动+鼠标滑动区域</h1> 热点聚焦 图说新闻 经济新闻 <h1>新闻1</h1> <h1>新闻2</h1> <h1>新闻3</h1> 财经要闻 财经观察 独家点评 湘股在线 财富排行榜 <h1>财经1</h1> <h1>财经2</h1> <h1>财经3</h1> <h1>财经4</h1> <h1>财经5</h1> 财经要闻 财经观察 独家点评 湘股在线 财富排行榜 <h1>财经1</h1> <h1>财经2</h1> <h1>财经3</h1> <h1>财经4</h1> <h1>财经5</h1> <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！</h1> <p style="font-size:12px; text-align:left;"> 改了下，能够实现了，但是第二个为什么会默认第二个项开始,第三个从第三项开始呢？而且只有最后一个自动播放，前面的都死了；并且代码还是不够精练，请高手帮忙继续修改。 </p>

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<style type="text/css"> <!-- body{text-align:center;} table{width:500px; margin:0px auto;} td{padding:5px; font-weight:bold; text-align:center;} .iborder{border:1px #333333 solid; margin-top:5px;} .topnavon{background:#FFCC00; cursor:pointer;} .topnavoff{background:#000000; color:#FFFFFF;} --> </style> <h1 align="center" style="color:#FF0000;">自动滑动+鼠标滑动区域</h1> 热点聚焦 图说新闻 经济新闻 <h1>新闻1</h1> <h1>新闻2</h1> <h1>新闻3</h1> 财经要闻 财经观察 独家点评 湘股在线 财富排行榜 <h1>财经1</h1> <h1>财经2</h1> <h1>财经3</h1> <h1>财经4</h1> <h1>财经5</h1> <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！</h1> <p style="font-size:12px; text-align:left;"> <h1 align="center" style="color:#FF0000;">改过以后不自动播放了。</h1> </p>

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]