Les exemples sont les suivants:
<inclure file = "public: header" /> <style type = "text / css"> Table {width: 100%; margin: 0;} </ style> <script type = 'text / javascript event / * $ (function () {$ ('# More'). addClass ('Moreno'); $ ('# More'). Cliquez sur (fonction () {// masquer l'élément (Move Left) if ($ ('# More'). Hasclass ('Moreno')) {$ ('# Sider'). Animate ({Left: 0}, 1000, fonction () {) {). $ ('# More'). RemoveClass ('moreno');});} else {$ ('# sider'). * / // définir l'événement de chargement de page $ (function () {$ ('# More'). AddClass ('moreno'); // masquer l'élément (plus à gauche) event.stoppropagation (); if ($ ('# More'). Hasclass ('plus')) {$ ('# More'). AddClass ('moreno');}); }); $ ('# More'). Cliquez sur (fonction (événement) {event.stoppropagation (); // Masquer l'élément (plus à gauche) event.stoppropagation (); if ($ ('# More'). Hasclass ('Moreno')) {$ ('# sider'). Animate ({Left: 0}, 1000, fonction () { $ ('# More'). RemoveClass ('moreno');});} else {$ ('# sider'). }); </ script> <div> <div> <div> <div style = "position: absolue;"> <img id = "plus" style = "margin-top: 8px;" src = "/ {: app_path} /public/img/pic/more.png" /> </ div> <v> <img style = "height: 30px;" src = "/ {: app_path} /public/img/main/logo1.png" /> </ div> </div> </ div> <div> <div style = "height: 180px;"> <div id = "Lunbo" style = "overflow: Hidden;"> <ul style = "margin: 0px;" id = "Lunboul" style = "position: relative;"> <volon name = "pic" id = "vo"> <li style = "float: left; text-align: Center;"> <img src = "{$ vo ['pic']}" style = "height: 176px; margin: auto;" > </li> </folist> </ul> </div> <script type = "text / javascript"> $ ('# lunbo'). Unslider ({Speed: 0, Delay: 3000, complet: function () {}, touches: true, points: true, fluid: false}); fonction autoScroll (obj) {$ (obj) .find ("# voo"). animate ({margintop: "-30px"}, 500, function () {$ (this) .css ({margintop: "0px"}). find ("li: first"). APPENDTO (this);})} $ (function () {) {). setInterval ('AutoScroll ("# xst")', 2000);}) </script> </div> <div> <div id = "xst" style = "float: right; margin-left: 10px; height: 30px; width: 75%; id = "vo"> <li style = "line-height: 30px; hauteur: 30px; padding-left: 5px; padding-top: 2px; text-align: Left;"> <a href = "{: u ('/ index / platdetail', array ('id' => $ vou ['id'])) </folist> </ul> </div> <div style = "float: right; margin: 5px 0;"> dernière annonce </div> </ div> <table id = "fonne" onclick = "javascript: location.href = '/ investi src = "/ {: app_path} /public/img/pic/new.png" /> </td> <td> standard de Newbie </td> <td> <span> 8-10% </span> <span> Retours annuels attendus </span> </pandé> Période </span> </ td> <td> <img src = "/ {: app_path} /public/img/pic/rightshow.png" /> </ td> </tr> </ table> <table onclick = "javascript: location.href = '/ investistliste / biao_type / yxlc'" "> <td> <td> <Td> <Td> <Td> <TD> <TD> src = "/ {: app_path} /public/img/pic/fast.png" /> </td> <td> Série rapide </pd> <pd> <span> 8-10% </span> <span> Retours annualisés </span> </span> <Td> <img src = "/ {: app_path} /public/img/pic/rightshow.png" /> </td> </tr> </ table> <table onclick = "javascrip src = "/ {: app_path} /public/img/pic/stable.png" /> </td> <td> Series stables </td> <td> <span> 12-14% </span> <span> Retours annualisés </span> </pan> <td> <spandé> Période </span> </ td> <td> <img src = "/ {: app_path} /public/img/pic/rightshow.png" /> </ td> </tr> </ table> <if condition = "$ globals ['userInfo'] ['org_code'] eq 'fc'"> <Table onclick = "JavaScript: location.href = '/ investisseur / investistliste / biao_type / fcb'"> <tr> <td> <img src = "/ {: app_path} /public/img/pic/house.png" /> </pd> <td> Spanche> Spreasure </td> <td> revenu annualisé </span> </td> <td> <span> 3-6 <span> mois </span> </span> <span> Période d'investissement </span> </ td> <td> <img src = "/ {: app_path} /public/img/pic/rightShow.png" /> </td> </r> </ Table> onClick = "JavaScript: location.href = '/ biens / index'"> <img src = "/ {: app_path} /public/img/pic/logobean.png" /> </ div> <div id = "sider"> <ul id = "usecond"> <li style = "line-height: 36px"> <a href = "{: u ('index / platann')}" style = "Color: #fff"> Annonce de la plate-forme </a> </li> <li style = "Line-Height: 36px"> <a href = "{: u ('index / helpcenter')}" style = "Color: #fff"> Centre d'aide </a> </ li> href = "{: u ('index / platintro')}" style = "couleur: #fff"> Plateforme introduction </a> </li> <li style = "line-height: 36px"> <a href = "{: u ('index / planintro')}" style = "Color: #fff"> Platform "</a> </ li> <a href = "{: u ('index / contact')}" style = "Color: #fff"> Contactez-nous </a> </li> </ul> </div> </div> <include file = "public: footer" />L'article ci-dessus est la méthode de cachette des divs à n'importe quel emplacement sur la page de clic. C'est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.