Récemment, je travaille sur un projet de développement frontal, qui nécessite un effet de défilement transparent, en haut, en bas, en faisant de défilement gauche et droit de manière transparente. L'éditeur suivant partagera le code d'implémentation sur la plate-forme Network Wulin. Les amis qui en ont besoin peuvent y faire référence. S'il y a des bugs, n'hésitez pas à leur demander d'apprendre et de progresser ensemble.
Le code spécifique est le suivant:
<! 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"> <éad- head> <itle> Une ligne de plusieurs colonnes de boucles de texte avec une pause - </ title> <meta name = "Keywords" Content = "web Page Effects" /> <meta name = "Description" Content => <Meta http-ediv = Content-Type-Type-Type = HET 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} #annound {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: Aucun; marge-droite: 20px; padding-left: 10px; arrière-plan: url (img / arrow_right.gif) sans répétition 0px 50%; White-Space: nowrap} #announce {Text-Decoration: sous la liaison;} </ style> </ head> <body> <div id = "Annonce" onMouseOver = "if (! AnnCount) {ClearTimeout (annst); annst = 0}" onMouseout = "if (! Annst) Annst = settimeout ('annoncescroll ()', annelay); href = "#" target = "_ blanc"> jQuery image effets de diaporama similaires à Tencent (peut être automatique Boîte d'invite de liaison multi-styles </a> </li> <li> <a href = "# / js / ad" cible = "_ blanc"> VC ++ Chargement dynamique et appelant smtp.dll pour envoyer des e-mails </a> </li> <li> <a href = "# / html + css" Target = "_ Blank"> ++ lianlian watch code watcher watcher with watch with watch withon witch with lianlian wear lian working web code with plug-in </a> </li> <li> <a href = "# /" target = "_ blanc"> intercepteur de crochet VB à crochet VB </a> </li> <li> <a href = "# /" Target = "_ Blank"> href = "# /" Target = "_ Blank"> href = "# / js" cible = "_ Blank"> xtree standard menu arbre (menu arbre menu) </a> </li> </ul> </div> </div> <script type = "text / javascript"> $ (id) {return document.getElementByid (id);} var anndelay = 3000; var annCount = 0; var annheight = 24; var annSt = 0; Annoncescroll () {if (! annst) {$ ('scrody'). innerhtml + = '<br style = "clear: both" />' + $ ('scmbody'). innerhtml; $ ('scrody'). ScrollTop = 0; if ($ ('crchbody'). anndelay);} else {$ ('annonce'). onMouseOver = $ ('annonce'). onMouseout = null;} return;} if (annCount == AnnHeight) {if ($ ('scrody'). $ ('scrbody'). ScrollHeight / 2 - AnnHeight;} annCount = 0; annst = setTimeout ('AnnoncesCroll ()', anndelay);} else {$ ('scrody'). ScrollTop ++; AnnCount ++; Annst = setTimeout ('annoncescroll ()', anndelay);} else {$ ('cordons'). ; anst = setTimeout ('annoncescroll ()', 10);}} annoncescroll (); </cript> </body> </html>Ce qui précède est le code que l'éditeur vous a présenté à l'aide de JS et HTML pour combiner des balises de chapiteau pour atteindre un effet de défilement transparent. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!