ITPub博客

首页 > IT职业 > IT生活 > 简单轮播(3)

简单轮播(3)

原创 IT生活 作者:cenfeng 时间:2019-08-06 16:40:54 1 删除 编辑

设置信息

如上所述,简单轮播的标记有两个部分,首先是您添加到页面的外部容器:

<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博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2652857/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 简单轮播(2)
下一篇: 简单轮播(4)
请登录后发表评论 登录
全部评论

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129472