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

<style type="text/css"> </style> <h1 align="center" style="color:#FF0000;">自动滑动+鼠标滑动区域</h1> 10秒自动跳转 热点聚焦 图说新闻 经济新闻 <h1>新闻1</h1> <h1>新闻2</h1> <h1>新闻3</h1> 5秒自动跳转 财经要闻 财经观察 独家点评 湘股在线 财富排行榜 <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> 这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激。 </p>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激
<style type="text/css"> </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> 改了下，能够实现了，但是第二个为什么会默认第二个项开始,第三个从第三项开始呢？而且只有最后一个自动播放，前面的都死了；并且代码还是不够精练，请高手帮忙继续修改。 </p>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
<style type="text/css"> </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> <h1 align="center" style="color:#FF0000;">改过以后不自动播放了。</h1> </p>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]