滚动图片首尾相连

xiongmaoyanli 2009-09-02 11:27:15
<div id="us_news2"><!--连续滚动代码开始-->
<div id="rolllink" style="OVERFLOW: hidden; WIDTH: 538px">
<table align=left cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td id="demo11" valign="top"><table border="0" cellspacing="0"

cellpadding="0" width="100%">
<tr>
<td width="6%">
<a href="http://www.chinawea.org.cn/html/2009-05/568.html"

target="_blank"><img title="中国智慧工程研究会推进海峡两岸文化交流与教育合作

事宜" height="72" alt="中国智慧工程研究会推进海峡两岸文化交流与教育合作事宜"

width="90" border="0" src="/files/shortpictures/2009-5/20095778930.jpg"

/></a><br />
<a title="中国智慧工程研究会推进海峡两岸文化交流与教育合作事宜"

href="http://www.chinawea.org.cn/html/2009-05/568.html" target="_blank">中国智

慧工程...</a>
</td>
<td width="6%">
<a href="http://www.chinawea.org.cn/html/2009-04/529.html"

target="_blank"><img title="魏滨副会长在“中国羌文化巡展”交流会上的致辞"

height="72" alt="魏滨副会长在“中国羌文化巡展”交流会上的致辞" width="90"

border="0" src="/files/shortpictures/2009-4/20094207442.jpg" /></a><br />
<a title="魏滨副会长在“中国羌文化巡展”交流会上的致辞"

href="http://www.chinawea.org.cn/html/2009-04/529.html" target="_blank">魏滨副

会长在...</a>
</td>
<td width="6%">
<a href="http://www.chinawea.org.cn/html/2009-04/528.html"

target="_blank"><img title="中国智慧工程研究会联合北川羌族自治县政府等部门共

同启动羌文化传承与传播行动系列计划" height="72" alt="中国智慧工程研究会联合

北川羌族自治县政府等部门共同启动羌文化传承与传播行动系列计划" width="90"

border="0" src="/files/shortpictures/2009-4/20094226569.jpg" /></a><br />
<a title="中国智慧工程研究会联合北川羌族自治县政府等部门共同启动羌文化传承

与传播行动系列计划" href="http://www.chinawea.org.cn/html/2009-04/528.html"

target="_blank">中国智慧工程...</a>
</td>
<td width="6%">
<a href="http://www.chinawea.org.cn/html/2009-03/431.html"

target="_blank"><img title="中国智慧工程研究会秘书长魏滨致辞" height="72"

alt="中国智慧工程研究会秘书长魏滨致辞" width="90" border="0"

src="/files/shortpictures/2009-3/200932306713.jpg" /></a><br />
<a title="中国智慧工程研究会秘书长魏滨致辞"

href="http://www.chinawea.org.cn/html/2009-03/431.html" target="_blank">中国智

慧工程...</a>
</td>
<td width="6%">
<a href="http://www.chinawea.org.cn/html/2009-03/428.html"

target="_blank"><img title="中国智慧工程研究会向民政部捐赠“玉牛”情况说明"

height="72" alt="中国智慧工程研究会向民政部捐赠“玉牛”情况说明" width="90"

border="0" src="/files/shortpictures/2009-3/200932350552.jpg" /></a><br />
<a title="中国智慧工程研究会向民政部捐赠“玉牛”情况说明"

href="http://www.chinawea.org.cn/html/2009-03/428.html" target="_blank">中国智

慧工程...</a>
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
<td width="6%">
</td>
</tr>
</table>
</td>
<td id="demo12" valign="top"> </td>
</tr>
</tbody>
</table>
</div>
<SCRIPT>
var rollspeed=40
demo12.innerHTML=demo11.innerHTML
function Marquee(){
if(demo12.offsetWidth-rolllink.scrollLeft<=0)
rolllink.scrollLeft-=demo11.offsetWidth
else{
rolllink.scrollLeft++
}
}
var MyMar=setInterval(Marquee,rollspeed)
rolllink.onmouseover=function() {clearInterval(MyMar)}
rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)}
</SCRIPT><!--连续滚动代码结束--></div>
为啥滚动图片还有空白
...全文
334 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
grearo 2009-09-02
  • 打赏
  • 举报
 回复 
<div id="us_news2"> <!--连续滚动代码开始--> 

        <div id="rolllink" style="OVERFLOW: hidden; WIDTH: 538px"> 

        <table align=left cellspacing="0" cellpadding="0" width="100%" border="0"> 

            <tbody> 

                <tr> 

                    <td id="demo11" valign="top"> <table border="0" cellspacing="0" 



cellpadding="0" width="100%"> 

<tr> 

<td width="6%"> 

  <a href="http://www.chinawea.org.cn/html/2009-05/568.html" 



target="_blank"> <img title="中国智慧工程研究会推进海峡两岸文化交流与教育合作 



事宜" height="72" alt="中国智慧工程研究会推进海峡两岸文化交流与教育合作事宜" 



width="90" border="0" src="/files/shortpictures/2009-5/20095778930.jpg" 



/> </a> <br /> 

<a title="中国智慧工程研究会推进海峡两岸文化交流与教育合作事宜" 



href="http://www.chinawea.org.cn/html/2009-05/568.html" target="_blank">中国智 



慧工程... </a> 

</td> 

<td width="6%"> 

  <a href="http://www.chinawea.org.cn/html/2009-04/529.html" 



target="_blank"> <img title="魏滨副会长在“中国羌文化巡展”交流会上的致辞" 



height="72" alt="魏滨副会长在“中国羌文化巡展”交流会上的致辞" width="90" 



border="0" src="/files/shortpictures/2009-4/20094207442.jpg" /> </a> <br /> 

<a title="魏滨副会长在“中国羌文化巡展”交流会上的致辞" 



href="http://www.chinawea.org.cn/html/2009-04/529.html" target="_blank">魏滨副 



会长在... </a> 

</td> 

<td width="6%"> 

  <a href="http://www.chinawea.org.cn/html/2009-04/528.html" 



target="_blank"> <img title="中国智慧工程研究会联合北川羌族自治县政府等部门共 



同启动羌文化传承与传播行动系列计划" height="72" alt="中国智慧工程研究会联合 



北川羌族自治县政府等部门共同启动羌文化传承与传播行动系列计划" width="90" 



border="0" src="/files/shortpictures/2009-4/20094226569.jpg" /> </a> <br /> 

<a title="中国智慧工程研究会联合北川羌族自治县政府等部门共同启动羌文化传承 



与传播行动系列计划" href="http://www.chinawea.org.cn/html/2009-04/528.html" 



target="_blank">中国智慧工程... </a> 

</td> 

<td width="6%"> 

  <a href="http://www.chinawea.org.cn/html/2009-03/431.html" 



target="_blank"> <img title="中国智慧工程研究会秘书长魏滨致辞" height="72" 



alt="中国智慧工程研究会秘书长魏滨致辞" width="90" border="0" 



src="/files/shortpictures/2009-3/200932306713.jpg" /> </a> <br /> 

<a title="中国智慧工程研究会秘书长魏滨致辞" 



href="http://www.chinawea.org.cn/html/2009-03/431.html" target="_blank">中国智 



慧工程... </a> 

</td> 

<td width="6%"> 

  <a href="http://www.chinawea.org.cn/html/2009-03/428.html" 



target="_blank"> <img title="中国智慧工程研究会向民政部捐赠“玉牛”情况说明" 



height="72" alt="中国智慧工程研究会向民政部捐赠“玉牛”情况说明" width="90" 



border="0" src="/files/shortpictures/2009-3/200932350552.jpg" /> </a> <br /> 

<a title="中国智慧工程研究会向民政部捐赠“玉牛”情况说明" 



href="http://www.chinawea.org.cn/html/2009-03/428.html" target="_blank">中国智 



慧工程... </a> 

</td> 



</tr> 

</table> 

</td> 

                    <td id="demo12" valign="top">  </td> 

                </tr> 

            </tbody> 

        </table> 

        </div> 

        <SCRIPT> 

var rollspeed=40 

demo12.innerHTML=demo11.innerHTML 

function Marquee(){ 

if(demo12.offsetWidth-rolllink.scrollLeft <=0) 

rolllink.scrollLeft-=demo11.offsetWidth 

else{ 

rolllink.scrollLeft++ 

} 

} 

var MyMar=setInterval(Marquee,rollspeed) 

rolllink.onmouseover=function() {clearInterval(MyMar)} 

rolllink.onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)} 

</SCRIPT> <!--连续滚动代码结束--> </div>
grearo 2009-09-02
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 xiongmaoyanli 的回复:]
你发晚了  自己搞定了
[/Quote]

就我一个人回复，分给我呗~哇哈哈~
xiongmaoyanli 2009-09-02
  • 打赏
  • 举报
 回复
你发晚了 自己搞定了
图片首尾相接 上下滚动.html javascript
绝对好用 部分代码如下： <script> var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法
javascript特效无缝滚动marquee
实现图片文字，向左，向右，向上，向下无缝滚动，适合广告图片展示 浏览器兼容(IE、FF、Opera、NS、MYIE)
非常好用的图片轮播插件（首尾相连）
该插件支持垂直于水平方向的滚动，鼠标放上去会自动停住，鼠标移开自动移动，默认状态也会自己滑动。
使用JS实现图片轮播的实例(前后首尾相接)
下面小编就为大家带来一篇使用JS实现图片轮播的实例(前后首尾相接)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ASP

28,391

社区成员

357,059

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章