簡單輪播(3)

cenfeng發表於2019-08-06

設定資訊

如上所述,簡單輪播的標記有兩個部分,首先是您新增到頁面的外部容器:

<div class =“carousel”id =“ mycarousel ”><div class =“belt”>//通過ajax獲取的實際輪播內容並插入此處</ DIV></ DIV>

為主DIV元素提供唯一但任意的ID值,用於在步驟1的初始化程式碼中標識它。應保留CSS類名。 在內部DIV“  belt ”  內部 是旋轉木馬的外部內容在被取出後插入的位置。

標記的第二部分是對於輪播內容本身,應該在外部檔案中定義,預設為  carouselcontent.htm 這個標記的結構應該是一系列帶有CSS類“  content ”  的DIV元素

<div class =“ content ”><a href="http://www.imdb.com/title/tt1877832/"> <img src =“xmen.jpg”/> </a>X戰警</ DIV><div class =“ content ”><a href="http://www.imdb.com/title/tt0103064/"> <img src =“terminator2.jpg”/> </a>終結者2</ DIV>“


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69933200/viewspace-2652857/,如需轉載,請註明出處,否則將追究法律責任。

相關文章