用marquee和css+js实现无缝循环文字滚动效果

发布时间：2018-08-16 21:07 所属栏目：121 来源：站长网

导读：用marquee实现首尾相连循环滚动效果（仅IE）：网络上没见有什么既精简又实用的循环滚动代码，所以就自己写了一个把代码帖上来。这里是要滚动的内容这里是要滚动的内容，同时还有用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）的效果代友。示例

　　用marquee实现首尾相连循环滚动效果（仅IE）：网络上没见有什么既精简又实用的循环滚动代码，所以就自己写了一个把代码帖上来。这里是要滚动的内容这里是要滚动的内容，同时还有用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）的效果代友。

　　示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>分别用marquee和div+js实现首尾相连循环滚动效果</TITLE> </HEAD> <BODY> 用marquee实现首尾相连循环滚动效果（仅IE）：<br /><br /> <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"><SPAN unselectable="on">这里是要滚动的内容</SPAN></MARQUEE> <br /><br />用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）：<br /><br /> <DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;"><span>这里是要滚动的内容</span></DIV> <script language="javascript" type="text/javascript">  </script> </BODY> </HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）