ตัวอย่างมีดังนี้:
<รวมไฟล์ = "สาธารณะ: ส่วนหัว"/> <style type = "text/css"> ตาราง {width: 100%; margin: 0;} </style> <script type = 'text/javascript' src = "/{: app_path} /public/js/unslider.min.js" Event/*$ (function () {$ ('#more'). addclass ('moreno'); $ ('#more') คลิก (ฟังก์ชั่น () {// ซ่อนองค์ประกอบ (ย้ายซ้าย) ถ้า ($ ('#more'). hasclass ('moreno')) {$ ('#sider') $ ('more'). RemoveClass ('Moreno'); *// // กำหนดเหตุการณ์การโหลดหน้าเว็บ $ (function () {$ ('#more'). addclass ('moreno'); // ซ่อนองค์ประกอบ (เพิ่มเติมไปทางซ้าย) event.stoppropagation (); ถ้า ($ ('#more'). hasclass ('more')) {$ ('#more'); - $ ('#more') คลิก (ฟังก์ชั่น (เหตุการณ์) {event.stoppropagation (); // ซ่อนองค์ประกอบ (เพิ่มเติมไปทางซ้าย) event.stoppropagation (); ถ้า ($ ('#more'). hasclass ('moreno')) {$ ('#sider') $ ('more'). RemoveClass ('Moreno'); - </script> <div> <div> <div> <div style = "ตำแหน่ง: Absolute;"> <img id = "more" style = "margin-top: 8px;" src = "/{: app_path} /public/img/pic/more.png"/> </div> <div> <img style = "ความสูง: 30px;" src = "/{: app_path} /public/img/main/logo1.png"/> </div> </div> </div> <div> <div> <div style = "ความสูง: 180px;"> <div id = "lunbo" lemflow id = "lunboul" style = "ตำแหน่ง: ญาติ;"> <volist name = "pic" id = "vo"> <li style = "float: left; text-allign: center;"> <img src = "{$ vo ['pic']}" style = "ความสูง: 176px; > </li> </olist></ul> </div> <script type = "text/javascript"> $ ('#lunbo'). unslider ({ความเร็ว: 0, ล่าช้า: 3000, เสร็จสมบูรณ์: ฟังก์ชั่น () {}, คีย์: จริง, จุด: จริง, ของเหลว: เท็จ}); ฟังก์ชั่น autoscroll (obj) {$ (obj) .find ("#voo") animate ({margintop: "-30px"}, 500, ฟังก์ชั่น () {$ (นี่) .css ({margintop: "0px"}) setInterval ('autoscroll ("#xst")', 2000); name = 'gonggao' id = "vo"> <li style = "line-height: 30px; ความสูง: 30px; padding-left: 5px; padding-top: 2px; text-allign: left;"> <a href = "{: u ('/index/platdetail', array ('id' => $ vo ['id']))}"> {$ vo ['name']} </a> </li> </olist> </ul> </div> onclick = "JavaScript: location.href = '/Invest/InvestHP/BIAO_TYPE/LOVE'"> <tr> <td> <img src = "/{: app_path} /public/img/pic/new.png"/> </td> <td> <td> ผลตอบแทนประจำปี </span> </td> <td> <span> 7 <span> วัน </span> </span> <pan> ระยะเวลาการลงทุน </span> </td> <td> <img src = "/{: app_path} /public/img/pic/rightshow.png"/> onclick = "JavaScript: location.href = '/Invest/InvestList/BIAO_TYPE/YXLC'"> <tr> <td> <img src = "/{: app_path} /public/img/pic/fast.png"/> </td> ส่งคืน </span> </td> <td> <span> 1 <pan> เดือน </span> </span> <pan> ระยะเวลาการลงทุน </span> </td> <td> <img src = "/{: app_path} /public/img/pic/rightshow.png"/> onclick = "JavaScript: location.href = '/Invest/InvestList/BIAO_TYPE/GXD'"> <tr> <td> <img src = "/{: app_path} /public/img/pic/stable.png"/> </td> ส่งคืน </span> </td> <td> <span> 3-6 <pan> เดือน </span> </span> <pan> ระยะเวลาการลงทุน </span> </td> <td> <img src = "/{: app_path} /public/img/pic/rightshow.png"/> เงื่อนไข = "$ globals ['userinfo'] ['org_code'] eq 'fc'"> <table onclick = "javascript: location.href = '/invest/investlist/biao_type/fcb'"> <td> <td> <td> สมบัติอสังหาริมทรัพย์ </td> <td> <pan> 8-16%</span> <pan> รายได้ที่คาดหวังรายปี </span> </td> <td> <pan> 3-6 <pan> เดือน </span> </span> src = "/{: app_path} /public/img/pic/rightshow.png"/> </td> </tr> </table> </if> <div onclick = "javascript: location.href = '/goods/index' </div> <div id = "sider"> <ul id = "usecond"> <li style = "line-height: 36px"> <a href = "{: u ('ดัชนี/platann')}}} style =" color: #fff "> การประกาศแพลตฟอร์ม </a> </li> href = "{: u ('index/helpcenter')}" style = "color: #fff"> ศูนย์ช่วยเหลือ </a> </li> <li style = "line-height: 36px"> <a href = "{: u ('ind index/platintro')} href = "{: u ('index/platintro')}" style = "color: #fff"> การแนะนำแพลตฟอร์ม </a> </li> <li style = "line-height: 36px"> <a href = "{: 'ดัชนี/ติดต่อ')} file = "สาธารณะ: ส่วนท้าย" />บทความข้างต้นเป็นวิธีการซ่อน divs ณ สถานที่ใด ๆ ในหน้าคลิก มันคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น