Recently, I am working on a front-end development project, which requires seamless scrolling effect, up, down, left and right scrolling seamlessly. The following editor will share the implementation code to the Wulin Network platform. Friends who need it can refer to it. If there are any bugs, please feel free to ask them to learn and make progress together.
The specific code is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE> A row of multiple columns of text loops with pause-</TITLE><meta name="keywords" content="web page effects" /><meta name="description" content="" /><META http-equiv=Content-Type content="text/html; charset=utf-8"><style type="text/css">ul {height:200px;padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px;padding-top: 0px}#announcement {width:300px;height:200px;background:url(img/menu_bg.gif) repeat;overflow: hidden;}#announcement div {border: #e6e6e6 1px solid;padding:0px 10px 0px 10px;overflow-y:hidden;line-height: 24px;height:100px;}#announcement li {font-size: 12px;float: left;list-style-type: none;margin-right: 20px;padding-left: 10px;background: url(img/arrow_right.gif) no-repeat 0px 50%;white-space: nowrap}#announcement a {text-decoration: none;}#announcement a:hover {text-decoration:underline;}</style></HEAD><BODY><DIV id="announcement" onMouseOver="if(!anncount) {clearTimeout(annst);annst = 0}" onMouseOut="if(!annst) annst = setTimeout('announcementScroll()', anndelay);"><DIV id="scrbody"><ul><li><a href="#" target="_blank">jQuery Picture slideshow effects similar to Tencent (can be automatically played)</a></li><li><a href="#/JS" target="_blank">VB version enhanced Windows task manager</a></li><li><a href="#/JS/texiao"target="_blank">JQuery Tip multi-style link prompt box</a></li><li><a href="#/JS/ad" target="_blank">VC++ dynamic loading and calling smtp.dll to send emails</a></li><li><a href="#/html+css" target="_blank">++Lianlian Watch Game Source Code with plug-in</a></li><li><a href="#/" target="_blank">API-based VB HOOK hook interceptor</a></li><li><a href="#/" target="_blank"> href="#/" target="_blank">VB Some common tips for VB operating systems</a></li><li><a href="#/js" target="_blank">xTree Standard WEB menu tree (tree menu)</a></li></ul></DIV></DIV><script type="text/javascript">function $(id){return document.getElementById(id);}var anndelay = 3000;var anncount = 0;var annheight = 24;var annst = 0;function announcementScroll(){if( ! annst){$('scrbody').innerHTML += '<br style="clear: both" />' + $('scrbody').innerHTML;$('scrbody').scrollTop = 0;if($('scrbody').scrollHeight > annheight * 3){annst = setTimeout('announcementScroll()', anndelay);}else{$('announcement').onmouseover = $('announcement').onmouseout = null;}return;}if(anncount == annheight){if($('scrbody').scrollHeight - annheight <= $('scrbody').scrollTop){$('scrbody').scrollTop = $('scrbody').scrollHeight / 2 - annheight;}anncount = 0;annst = setTimeout('announcementScroll()', anndelay);}else{$('scrbody').scrollTop ++ ;anncount ++ ;annst = setTimeout('announcementScroll()', anndelay);}else{$('scrbody').scrollTop ++ ;annst = setTimeout('announcementScroll()', 10);}}announcementScroll();</script></BODY></HTML>The above is the code that the editor introduced to you using JS and HTML to combine marquee tags to achieve seamless scrolling effect. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!