최근에는 프론트 엔드 개발 프로젝트를 진행하고 있습니다.이 프로젝트는 원활한 스크롤 효과, 위, 아래, 왼쪽 및 오른쪽 스크롤을 원활하게 스크롤해야합니다. 다음 편집자는 구현 코드를 Wulin 네트워크 플랫폼에 공유합니다. 필요한 친구는 그것을 참조 할 수 있습니다. 버그가 있으면 자유롭게 배우고 함께 진행하도록 요청하십시오.
특정 코드는 다음과 같습니다.
<! 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> 일시 정지-</title> <meta name = "keywords"content = "web page effeences"/<meta name = "description"/> <meta http- equequiv = "웹 페이지 효과" 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 {너비 : 300px; 높이 : 200px; HIDDEN;}#발표 div {border :#e6e6e6 1px solid; 패딩 : 0px 10px 0px 10px; 오버플로 -y : hidden; line-height : 24px; 높이 : 100px;}#발표 li {font-size; 12px; float : 왼쪽; Listyle-type : 없음; url (img/arrow_right.gif) no-Repeat 0px 50%; 흰색 공간 : nowrap}#announcomation a {text-decoration : none;}#}#발표 a : hover {text-decoration : 밑줄;} </style> </head> <hod> <div id = "allancce"onmouse = 0 (! anncount) " onMouseOut = "if (! annst) annst = settimeout ( 'ArnicmestsCroll ()', Anndelay);"> <div id = "scribo"> <ul> <li> <a href = "#"target = "_ _ blank"> jquery picture slideshow 효과 tencent와 유사합니다 (자동으로 재생 될 수 있음) </li> 대상 = "_ blank"> VB 버전 강화 된 Windows 작업 관리자 </a> </a> </li> <li> <a href = "#/js/texiao"target = "_ blank"> jQuery 팁 다중 스타일 링크 프롬프트 상자 </a> <li> <a href = "#/js/ad"target "_ blank" 이메일 </a> </li> <li> <a href = "#/html+css"target = "_ blank"> ++ lianlian watch 게임 소스 코드가 플러그인이있는 게임 소스 코드 </a> </li> <li> <a href = "#/"target = "_ blank"> api 기반 VB 후크 인터셉터 </a> </li> 대상 = "_ blank"> href = "#/"target = "_ blank"> vb VB 운영 체제에 대한 몇 가지 일반적인 팁 </a> </li> <li> <a href = "#/js"target = "_ blank"> xtree 표준 웹 메뉴 트리 (트리 메뉴) </a> </li> </ul> <script type = "text/javascript"> $ (id) {return document.getElementById (id);} var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; function alticementscroll () {if (! annst)). innerhtml += '<br style = " +" +. $ ( 'scribly'). InnerHtml; $ ( 'scbly'). scrolltop = 0; if ($ ( 'scribly'). scrollHeight> AnnsTimeout * 3) {annst = settimeout ( 'altcommentsCroll ()', Anndelay); else {$ ( 'rantement'). null;} return;} if (Anncount == Annheight) {if ($ ( 'scrible'). scrollHeight -Annheight <= $ ( 'scrible'). scrolltop) {$ ( 'scribly'). $ ( 'scribly'). scrollHeight / 2- annHeight = 0; Annst = 0; Annst = 0; Annst = 0; settimeout ( 'ArnticementsCroll ()', Anndelay);} else {$ ( 'scrody'). scrolltop ++; Anncount ++; annst = settimeout ( 'ArnticementsCroll ()', Anndelay);} else {$ ( 'scrolltop ++; Annst = settimeout ('ArtccementsCroll () ', 10);}} ArtoncementsCroll (); </script> </body> </html>위는 편집자가 JS 및 HTML을 사용하여 소개 한 코드를 사용하여 Marquee Tags를 결합하여 원활한 스크롤 효과를 달성했습니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!