HTML 元素内部添加预加载
本文共 1086 字，大约阅读时间需要 3 分钟。
CSS：
/*元素内部加载loading*/ .innerLoading { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .innerLoading * { text-align: center; color: #737782cc; fill: #73777A; font-size: 1em !important; font-family: SimSun,SimHei,Arial !important; } .innerLoading > svg { height: 1.5em; width: 1.5em; margin-right: .5em; animation: turn 1.6s linear infinite; } @keyframes turn { 0% {-webkit-transform: rotate(0deg);} 25% {-webkit-transform: rotate(90deg);} 50% {-webkit-transform: rotate(180deg);} 75% {-webkit-transform: rotate(270deg);} 100% {-webkit-transform: rotate(360deg);} }
JS：
function StartInnerLoading(target, info) { var loadInfo = info || "正在加载数据……"; var svg = " "; var loading = " " + svg + " " + loadInfo + " "; target.empty(); target.append(loading); return target.find('.innerLoading');}function StopInnerLoading(loading) { if (loading) { loading.remove(); loading = null; }} 完整Demo：
new document
显示效果：
转载地址：http://rskbb.baihongyu.com/
你可能感兴趣的文章
Jmeter之参数化
查看>>
Shell 和Python的区别。
查看>>
【JMeter】1.9上考试jmeter测试调试
查看>>
【虫师】【selenium】参数化
查看>>
【Python练习】文件引用用户名密码登录系统
查看>>
学习网站汇总
查看>>
【Loadrunner】性能测试报告实战
查看>>
【自动化测试】自动化测试需要了解的的一些事情。
查看>>
【selenium】selenium ide的安装过程
查看>>
【手机自动化测试】monkey测试
查看>>
【英语】软件开发常用英语词汇
查看>>
Fiddler 抓包工具总结
查看>>
【雅思】雅思需要购买和准备的学习资料
查看>>
【雅思】雅思写作作业（1）
查看>>
【雅思】【大作文】【审题作业】关于同不同意的审题作业（重点）
查看>>
【Loadrunner】通过loadrunner录制时候有事件但是白页无法出来登录页怎么办？
查看>>
【English】【托业】【四六级】写译高频词汇
查看>>
【托业】【新东方全真模拟】01~02-----P5~6
查看>>
【托业】【新东方全真模拟】03~04-----P5~6
查看>>
【托业】【新东方托业全真模拟】TEST05~06-----P5~6
查看>>