أولاً ، سأريكم صورة bootstrap carousel. التأثير كما يلي. إذا شعرت أن التأثير جيد جدًا ، فيرجى متابعة القراءة والإشارة إلى رمز التنفيذ.
لن أقول الكثير من الهراء ، سأقوم فقط بنشر الكود لك. الرمز المحدد كما يلي:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua- contablate" content = "ie = edge"> <meta name = "viewport" content = "width = width ، وأي محتوى آخر * يجب * متابعتها! -> <title> صورة carousel_01 </itlem> <!-bootstrap-> <link href = "../ botstrap-3.3.5-dist/css/botstrap.min.css src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </head> <body> <! id = "carousel-example-generic"> <ol> <li data-target = "#carousel-example-generic" data-slide-to = "0" data-target = "#carousel-example-generic" data-slide-to = "1"> </li> <li data-target = "#carousel-example-generic"-slide-to = "2" src = "../ img/picture carousel/pic01.jpg"/> </viv> <viv> <img src = "../ img/picture carousel/pic02.jpg"/> <!-text to we to the picture-> <div> carousel/pic03.jpg "/> </viv> <viv> <img src =" ../ img/picture carousel/pIC04 aria-hidden = "true"> </span> <span> السابق </span> </a> <a href = "#carousel-example-generic" rob = "button" data-slide = "next"> <span aria-hidden = "true"> </span> next </afs> </a> </viv> <div> </divArment إعداد سمة CSS بدون تدخل بشري -> <script> $ (".ما ورد أعلاه هو رمز عينة لشاشة تأثير Carousel المستندة إلى Bootstrap استنادًا إلى bootstrap الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!