Baru-baru ini, saya sedang mengerjakan proyek pengembangan front-end, yang membutuhkan efek pengguliran yang mulus, gulir ke atas, ke bawah dan kanan dengan mulus. Editor berikut akan membagikan kode implementasi ke platform jaringan Wulin. Teman yang membutuhkannya bisa merujuknya. Jika ada bug, jangan ragu untuk meminta mereka belajar dan membuat kemajuan bersama.
Kode spesifiknya adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en" "http://www.w3c.org/tr/1999/rec-html401-1991224/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 {tinggi: 200px; Padding-right: 0px; Padding-left: 0px; padding-bottom: 0px; margin: 0px; Padding-top: 0px} #annoumement {lebar: 300px; tinggi: 200px: overif; latar belakang: latar belakang: 300px; tinggi: 200px; latar belakang: latar belakang: 300px; latar belakang: 200px; latar belakang; 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%; spasi putih: nowrap} #annoumement a {text-decoration: none;}#pengumuman a: hover {teks-dekorasi:}} </style> </head> <body> <div id = "pengumuman" onmouseer = "ifouseper =" ifouseper = "ifouseper =" ifouseper = "ifouse =" ifouse = "ifouse =" ifo. " onmouseout = "if (! annst) annst = setTimeout ('pengumumanCroll ()', anndelay);"> <div id = "scrbody"> <ul> <li> <a href = "#" target = "_ blank"> JQuery Picture SlideShow Efek Tencent (dapat dimainkan secara otomatis) </a> 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 Beberapa tips umum untuk sistem operasi VB </a> </li> <li> <a href = "#/js" target = "_ blank"> Fungsi Web Tree (TREE) </a> </li> </li> </Ul> </Div> TRIP SCROPS = "TEKS =" TEKS = "TEKS =" $ (id) {return document.getElementById (id);} var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; function pengumuman Fungsicroll () {if (! Annst) {$ ('scrbody'). INNERHTML += '<bR style = "CLEAR" /BOD " /SCRBOBY'). $ ('scrbody'). innerHtml; $ ('scrbody'). scrolltop = 0; if ($ ('scrbody'). scrollheight> annheight * 3) {annst = setTimeout ('pengumuman ()', anndelay);} lainnya {$ ('pengumuman'). OnmouseOver =). null;} return;} if (anncount == annheight) {if ($ ('scrbody'). scrollheight - annheight <= $ ('scrbody'). scrolltop) {$ ('scrbody'). scrolltop = $ ('scrole'). scrollheight / 2 - annheight; setTimeOut ('pengumumanCroll ()', anndelay);} else {$ ('scrbody'). scrolltop ++; anncount ++; annst = setTimeout ('pengumuman ukir ()', anndelay);} else {$ ('scrbody'). scrolltop ++; anndelay);} {$ ('scrbody'). scrolltop ++; anndelay = {'scrbody'). scrolltop ++; anndelay = {'scrbody'). scrolltop ++; {'scroMements'). scrolltop ++; {'scroMements'). 10);}} pengumumanCroll (); </script> </body> </html>Di atas adalah kode yang diperkenalkan editor kepada Anda menggunakan JS dan HTML untuk menggabungkan tag tenda untuk mencapai efek pengguliran yang mulus. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!