รหัสมีลักษณะเช่นนี้:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" content = "edge = edge"> ข้อความ </title> <link rel = "stylesheet" href = "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"><style>.carousel {ความสูง: 500px;}. carousel. 100%;} </style> </head> <body> <!-Carousel AD-> <div id = "lbbox" data-ride = "Carousel"> <!-ปุ่ม DOT-> <ol> <li data-target = "#lbbox" data-slide-to = "0"> </li> เนื้อหา Carousel-> <div role = "listbox"> <div> <img src = "http://img.mukewang.com/5412AD7C0001D2EB10880541.jpg"> <div> <h1> โปรเซสเซอร์กราฟิก 5,000 ตัวสามารถจัดการได้อย่างง่ายดาย </p> <p> <a href = "#" role = "ปุ่ม"> คลิกฉันเพื่อดาวน์โหลด </a> </p> </div> <div> <img src = "http://img.mukewang.com/5412AE5C0001653B12800644.JPG เทคโนโลยี 802.11ac, MacBook Air ทำให้ความเร็ว Wi-Fi เกินขีด จำกัด </p> <p> <a href = "#" role = "ปุ่ม"> คลิกฉันเพื่อดาวน์โหลด </a> </p> </div> </div> <!-ปุ่มซ้าย-> <a href = "#lbbox" role = "slide" slide = "prev"> < href = "#lbbox" role = "button" data-slide = "next"> <span aria-hidden = "true"> </span> <span> หน้าถัดไป </span> </a> </div> <script src = "http://cdn.bootcss.com/jquery/1.11.11.11.1.1/jquery.min. src = "http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script> </body> </html>ข้างต้นคือสิ่งที่บรรณาธิการแนะนำให้คุณตระหนักถึงผลกระทบของการโฆษณาม้าหมุนด้วยรูปภาพและข้อความตาม bootstrap ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!