javascript 滚动+停留 代码
2008-07-12 10:51
113 查看
HTML部分
</style>
<ul id="rolltxt">
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称1</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称2</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称3</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称4</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称5</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称6</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称7</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称8</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称9</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称10</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称11</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称12</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称13</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称14</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称15</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称16</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称17</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称18</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称19</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称20</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称21</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称22</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称23</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称24</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称25</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称26</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称27</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称28</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称29</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称30</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称31</p></li>
</ul>
Javascript代码部份
</script>
</style>
<ul id="rolltxt">
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称1</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称2</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称3</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称4</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称5</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称6</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称7</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称8</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称9</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称10</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称11</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称12</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称13</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称14</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称15</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称16</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称17</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称18</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称19</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称20</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称21</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称22</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称23</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称24</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称25</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称26</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称27</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称28</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称29</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称30</p></li>
<li><a href="#"><img src="images/pro.gif" /></a><p>产品名称31</p></li>
</ul>
Javascript代码部份
</script>
相关文章推荐
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- 非常好的图片滚动代码(多幅图片依次向上滚动, 每幅图都会有停留展示时间)
- JavaScript无缝滚动效果的实例代码
- javascript 一段左右两边随屏滚动的代码
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- Javascript实现图片不间断滚动的代码
- JavaScript代码实现图片循环滚动效果
- javascript滚动新闻代码
- 利用JavaScript实现新闻滚动效果(实例代码)
- 基于JavaScript实现新增内容滚动播放效果附完整代码
- javascript 模拟Marquee文字向左均匀滚动代码
- 用javascript实现代替marquee的滚动字幕效果代码
- 用javascript控制iframe滚动的代码
- 陈华:jquery不转原生javascript实现热点无缝滚动效果代码复用
- Javascript实现图片不间断滚动的代码
- javascript 获取模态窗口的滚动位置代码
- 文字垂直滚动之javascript代码
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- JavaScript实现漫天飞花及文字滚动特效的代码
- 原生javascript移动端滚动到底部加载更多数据效果代码