惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

小众软件
小众软件
T
The Blog of Author Tim Ferriss
Apple Machine Learning Research
Apple Machine Learning Research
B
Blog
L
LangChain Blog
博客园_首页
Vercel News
Vercel News
月光博客
月光博客
B
Blog RSS Feed
S
SegmentFault 最新的问题
博客园 - Franky
C
Check Point Blog
A
About on SuperTechFans
Stack Overflow Blog
Stack Overflow Blog
J
Java Code Geeks
F
Fortinet All Blogs
Recent Announcements
Recent Announcements
Y
Y Combinator Blog
罗磊的独立博客
D
Docker
酷 壳 – CoolShell
酷 壳 – CoolShell
云风的 BLOG
云风的 BLOG
人人都是产品经理
人人都是产品经理
WordPress大学
WordPress大学

博客园 - 野猪&翔帅

安装Windows2003 sp1/sp2提示产品密钥无效的解决方法[转] [疑]关于oracle导出数据时遇到的4031问题 - 野猪&翔帅 - 博客园 [转] 解析oracle的ROWNUM -- 作者: chen_liang WEB网站无法打开某种格式资源的解决办法 [求助]关于服务器之间的文件拷贝问题,没有头绪,希望大家指点一二 【转】ORACLE to_char函数详解 未在本地计算机上注册“OraOLEDB.Oracle.1”提供程序 解决方法之二 SQL--JOIN之完全用法 错误类型:ADODB.Recordset (0x800A0BB9)参数类型不正确,或不在可以接受的范围之内,或与其他参数冲突。 关于利用模板生成静态页面的时候出现乱码的问题 - 野猪&翔帅 - 博客园 C#中使用二维数组时,报错:内索引数错误 【转】Aspx页面慎用 Form.Enctype 属性 [转]设置textBox的响应按钮事件的js的两种方法 在ORACLE中,用SQL语句搜索上周的记录 身份证明检索失败,如何解决? 『转』Oracle 函数大全 “当前上下文中不存在名称”解决 【转自CSDN】汉字拼音的一个解决方法(初具使用价值) 动态创建GridView的列(第二部分)【转】
【转】javascript实现图片的连续滚动
野猪&翔帅 · 2007-03-14 · via 博客园 - 野猪&翔帅

原文请参考:http://www.cnblogs.com/xucanzhao/archive/2005/12/02/289194.html

 1                            <table cellspacing="0" style='border: 1px solid #9F9F9F;' width="100%">
 2                                <tr align="center">
 3                                    <td bgcolor="#CCCCCC">
 4                                        <div id="demo" style="overflow: hidden; height: 120px; width: 700px; margin-top: 12px; vertical-align: middle;">
 5                                            <table width="cellspacing=0">
 6                                                <tr>
 7                                                    <td id="demo1">
 8                                                        <table cellspacing="0">
 9                                                            <tr>
10                                                                <!--滚动图片 begin-->
11                                                            <td class=RollPic><href=/z/chinaoverseas/photo/22566/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-12-02/U1489P6T12D1912318F44DT20051202002622_small_h.JPG border=1 alt='邵佳一慕尼黑1860随队训练'></a></td>
35              <td width=4><img width=4></td>
36<td class=RollPic><href=/z/chinaoverseas/photo/22493/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/j/2005-11-30/U1489P6T12D1908322F44DT20051130010010_small_h.jpg border=1 alt='孙祥结束试训回国'></a></td>
37              <td width=4><img width=4></td>
38<td class=RollPic><href=/z/chinaoverseas/photo/22432/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-29/U329P6T12D1907332F44DT20051129101956_small_h.jpg border=1 alt='邵佳一连续三场进球'></a></td>
39              <td width=4><img width=4></td>
40<td class=RollPic><href=/z/chinaoverseas/photo/22414/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-28/U1022P6T12D1904876F44DT20051128072121_small_h.jpg border=1 alt='1860客场险胜邵佳一再进球'></a></td>
41              <td width=4><img width=4></td>
42<td class=RollPic><href=/z/chinaoverseas/photo/22401/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-27/U1166P6T12D1903924F44DT20051127180803_small_h.jpg border=1 alt='曲圣卿助本队赢得榜首大战'></a></td>
43              <td width=4><img width=4></td>
44<td class=RollPic><href=/z/chinaoverseas/photo/22299/index.shtml target="_blank"><img src=http://image2.sina.com.cn/ty/g/p/2005-11-25/U1022P6T12D1900128F44DT20051125110547_small_h.jpg border=1 alt='孙祥试训维冈表现不俗'></a></td>
45              <td width=4><img width=4></td>

12                                                                <!--滚动图片 end-->
13                                                            </tr>
14                                                        </table>
15                                                    </td>
16                                                    <td id="demo2">
17                                                    </td>
18                                                </tr>
19                                            </table>
20                                        </div>
21                                    </td>
22                                </tr>
23                            </table>
24

<script>
71      var speed=10//速度数值越大速度越慢
72      demo2.innerHTML=demo1.innerHTML
73      function Marquee(){
74          if(demo2.offsetWidth-demo.scrollLeft<=0)
75          demo.scrollLeft-=demo1.offsetWidth
76          else{
77            demo.scrollLeft++
78          }

79      }

80      var MyMar=setInterval(Marquee,speed)
81      demo.onmouseover=function() {clearInterval(MyMar)}
82      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
83      </script>