html5+css3实现响应式时间进度条特效

html5+css3实现响应式时间进度条特效

添加时间:2021-03-21 17:22:26
站长推荐丨赞助论坛,可获取海量资源终身免费下载权限奥!
举报 举报
收藏
预览
附件 附件
  • 模板类型模板类型:时间轴
  • 模板颜色模板颜色:初级
  • 下载积分下载积分:28 米粒
  • 下载权限下载权限:

    赞助会员

html5+css3实现响应式时间进度条特效,是用最原始的html5标签和css3样式写的,没有用到jquery和原生javascript,作品代码简洁,使用简单,可以直接用到任何项目和页面中,响应式支持任何设备访问,大家好好利用哦。。。
html5+css3实现响应式时间进度条特效
分类:日期时间 > 时间轴 难易:初级

首先引用

<link rel="stylesheet" type="text/css" href="css/normalize3.0.2.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css?v=40" />

简单的页面纯css

<section>
    <div id="time_axis">
      <div id="member"><img src="images/member.png" />
        <h2>漫画 </h2>
        <h2>jquery改变生活</h2>
      </div>
      <div class="clear"></div>
      <div id="jingzhan">
      <div class="time t_cur">
        <div class="t_1">2013.06</div>
        <div class="t_2"></div>
        <div class="t_3">Jquery学堂成立</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.07</div>
        <div class="t_2"></div>
        <div class="t_3">JquerySchool网站上线</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.08</div>
        <div class="t_2"></div>
        <div class="t_3">网友分享原创</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.09</div>
        <div class="t_2"></div>
        <div class="t_3">网友在线学习</div>
      </div>
      <div class="time">
        <div class="t_1">2013.10</div>
        <div class="t_2"></div>
        <div class="t_3">群创</div>
      </div>
      <div class="time">
        <div class="t_1">2013.11</div>
        <div class="t_2"></div>
        <div class="t_3">在线API上线</div>
      </div>
      </div>
    </div>
  </section>
相关内容推荐
资源求助发帖
查看更多发帖

*

回帖描述:

*

链接类型:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
热点内容推荐
标题:html5+css3实现响应式时间进度条特效

*

描述:
平均回复时间:3-10分钟
规则介绍:悬赏寻求论坛网友分享资源,站点对分享内容的准确性,合法性,版权等没有足够的监管能力。如果您发现资源不正确,无法使用,不符合法律法律等情况,您可以直接举报资源。站长将尽快核实您的举报,并根据情况,采取封号,退换米粒等处理。

*

回帖描述:

*

链接类型:

*

阅读权限:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
  • 背景波浪
  • 背景波浪
  • 波浪
  • 波浪
客服
在线咨询
周一 至 周日 9:00 ~ 22:00
QQ:1326974360
微信:juyoubuluo6688
客服热线
18205485173
工作日 9:00 ~ 18:00
微信扫码咨询
客户服务
欢迎咨询服务
咨询量较多时,请耐心等待
社群

关注公众号

获取更多资讯

扫码进群(QQ)

与更多大牛交流沟通

0.096373s