В последнее время я работаю над проектом по развитию фронта, который требует беспрепятственного эффекта прокрутки, вверх, вниз, левой и правой прокрутки плавно. Следующий редактор поделится кодом реализации на сетевой платформе Wulin. Друзья, которые это нужно, могут ссылаться на это. Если есть какие -либо ошибки, пожалуйста, не стесняйтесь просить их учиться и добиться успеха вместе.
Конкретный код заключается в следующем:
<! Doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> 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; правом накладки: 0px; прокладки-лето: 0px; прокладки-боттом: 0px; маржа: 0px; накладка-top: 0px} #announment {width: 300px; высота: 200px; фон: url (img/wearw hidden;}#объявление div {border:#e6e6e6 1px solid; прокладка: 0px 10px 0px 10px; overflow-y: hidden; линейная-звезда: 24px; высота: 100px;}#Объявление Li {font-size: 12px; float: list-style-type: none; none; margin-right: 20px; URL (img/rourrow_right.gif) без повторного перепорачивания 0px 50%; Белое пространство: nowrap} #announce a {text-decoration: none;}#Объявление A: Hover {text-decoration: Underline;} </style> </head> <body> <div id = "Ansumance" onmouseover = "if (! Anncount) {clearmout); onmouseout = "if (! annst) annst = settimeout ('anvencementscroll ()', anndelay);"> <div id = "scrbody"> <ul> <li> <a href = "#" target = "_ blank"> jquery picture Slideshow, аналогичные Tencent (может быть автоматически воспроизводится) target = "_ Blank"> VB-версия Увеличенная диспетчер задач Windows </a> </li> <li> <a href = "#/js/texiao" target = "_ blank"> jquery tip multi-syle link box </a> </li> <li> <a href = "#/js/ad Электронные письма </a> </li> <li> <a href = "#/html+css" target = "_ blank"> ++ Lianlian Watch Source Code с плагином </a> </li> <li> <a href = "#/" target = "_ Blank"> API-recector Interceptor </a> </li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li target = "_ Blank"> href = "#/" target = "_ Blank"> VB Некоторые общие советы для операционных систем VB </a> </li> <li> <a href = "#/js" target = "_ blank"> xtree Standard Web Menu (Menu Menu) </a> </li> </ul> </div> </div> <fcript ytepcript = "/jo hu -function ="/jo hu -function = "/j j $ (id) {return document.getElementById (id);} var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; функция объявлений Croll () {if (! annst) {$ ('scrbody'). innerhtml += '<br Style = "clear: оба" />' +' /' +' /' /' /' /' /' /' /'). $ ('scrbody'). innerhtml; $ ('scrbody'). scrolltop = 0; if ($ ('scrody'). scrollheight> annheight * 3) {annst = settimeout ('angencementscroll ()', anndelay);} else {$ ('объявление'). null;} return;} if (anncount == annheight) {if ($ ('scroldy'). scrollheight - annheight <= $ ('scrbody'). scrolltop) {$ ('scrody'). scrolltop = $ ('scroldy'). ScrollHeight / 2 - annheight;} anncount = 0; setTimeout ('anvementscroll ()', anndelay);} else {$ ('scrbody'). scrolltop ++; anncount ++; annst = settimeout ('anvencementscroll ()', anndelay);} else {$ ('scrbod 10);}} anvementsCroll (); </script> </body> </html>Выше приведено код, который редактор представил вам с использованием JS и HTML для объединения метков шатер для достижения бесшовного эффекта прокрутки. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!