更新时间:2020-04-19 21:36:29
直接用浏览器打开运行即可看到效果;
秉承着插件拿来就用的原则,我一直是喂食到嘴边!
其中柱状图的文字可以通过以下样式调整位置
1 2 3 4 5 6 7 8 9 10 | .skill 2 li em:first-child { position : absolute ; top : -15px ; left : 0 ; } .skill 2 li em:last-child { position : absolute ; top : -15px ; right : 0 ; } |
第一步构建动态thml(构建的html可以自行增减)
1 2 3 4 5 | _html += '< li >'; _html += '< em >'+listdata[i]['data1']+'</ em >'; _html += '< div >< span ></ span ></ div >'; _html += '< em >'+listdata[i]['data2']+'%</ em >'; _html += '</ li >'; |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com