HTML5技术

CSS计数器与动态计数呈现 - MrZou

字号+ 作者:H5之家 来源:博客园 2016-08-05 11:00 我要评论( )

代码:CSS代码:body { counter-reset: icecream;}input:checked { counter-increment: icecream;}.total::after { content: counter(icecream);}HTML代码: 下面中国十大冰淇淋你吃过几个?哈根达斯和路雪wall's八喜冰淇淋DQ冰淇淋蒙牛冰淇淋雀巢冰淇淋伊利

代码: CSS代码: body { counter-reset: icecream; } input:checked { counter-increment: icecream; } .total::after { content: counter(icecream); } HTML代码: 下面中国十大冰淇淋你吃过几个?哈根达斯和路雪wall's八喜冰淇淋DQ冰淇淋蒙牛冰淇淋雀巢冰淇淋伊利冰淇淋乐可可冰淇淋新城市冰淇淋明治MEIJI 你总共选择了 款冰淇淋!

 

详细讲解地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Omi应用md2site-0.5.0发布-支持动态markdown拉取解析 - 【当耐特】

    Omi应用md2site-0.5.0发布-支持动态markdown拉取解析 - 【当耐特】

    2017-03-16 11:03

  • canvas 动态飞速旋转的矩形 - LI小白

    canvas 动态飞速旋转的矩形 - LI小白

    2016-10-31 14:00

  • Canvas——使用定时器模拟动态加载动画! - li_han

    Canvas——使用定时器模拟动态加载动画! - li_han

    2016-09-23 15:00

  • CSS3计数器的使用-遁地龙卷风 - 遁地龙卷风

    CSS3计数器的使用-遁地龙卷风 - 遁地龙卷风

    2016-08-19 12:00

网友点评