มาดูการเรนเดอร์ก่อน:
รหัส:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> กล่องป๊อปอัพการเปลี่ยนภาพเคลื่อนไหว </title> <link rel = "stylesheet" href = "http://netdna.bootstrapcdn.com/bootstrap/3.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1.1. สไตล์-> <style> ร่างกาย {มาร์จิ้น: 30px; padding: 30px;} </style> </head> <body> <button type = "ปุ่ม"> คลิกฉัน </button> <div id = "mymodal"> <div> <div> <div> <h4> ชื่อเรื่องป๊อปอัพ </h4> </div> <div> <p> เนื้อหาของร่างกาย popt-up </p> </div> <div> <button type = "ปุ่ม" data-dismiss = "modal"> ปิด </duct> </div> </div> <! ในตอนท้ายของเอกสารเพื่อทำให้หน้าโหลดเร็วขึ้น-> <!-หากคุณต้องการใช้ปลั๊กอิน JS ของ bootstrap คุณต้องโทรหา jQuery ก่อน-> <script src = "http://libs.baidu.com/jquery/1.9.0/jquery.min.js" src = "http://maxcdn.bootstrappcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> <script> $ (function () {$ ("btn") คลิก (ฟังก์ชั่น () {$ ("#mymodal") }); </script> </body> </html>หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น